.hero{background:linear-gradient(135deg,#150241,#1d0254 50%,#150241);color:#fff;min-height:500px;overflow:hidden;padding:160px 0 80px;position:relative}.hero:before{animation:gradientShift 20s ease-in-out infinite;background:radial-gradient(circle at 30% 80%,rgba(255,224,52,.14) 0,transparent 50%),radial-gradient(circle at 70% 40%,rgba(147,51,234,.1) 0,transparent 50%),radial-gradient(circle at 85% 70%,rgba(59,130,246,.12) 0,transparent 55%);height:200%;left:-50%;top:-50%;width:200%}.hero:after,.hero:before{content:"";pointer-events:none;position:absolute}.hero:after{background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,hsla(0,0%,100%,.016) 0,hsla(0,0%,100%,.016) 70px);bottom:0;left:0;right:0;top:0}@keyframes gradientShift{0%,to{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}.container{margin:0 auto;max-width:1200px;padding:0 40px;position:relative;z-index:2}.hero-content{align-items:center;display:flex;font-family:Quicksand,Inter,-apple-system,BlinkMacSystemFont,sans-serif;gap:60px;justify-content:space-between;position:relative;z-index:3}.hero-left{flex:1 1 60%;max-width:600px;padding-right:20px}.hero-left h1{animation:fadeInUp .8s ease-out;color:#fff;font-size:3.5rem;font-weight:700;line-height:1.15;margin-bottom:24px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-subtitle{animation:fadeInUp .8s ease-out .1s both;color:#ffe034;font-size:1.85rem;font-weight:600;line-height:1.35;margin-bottom:32px;text-shadow:0 1px 3px rgba(0,0,0,.2)}.hero-right{animation:fadeInUp .8s ease-out .2s both;flex:0 0 400px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rating-card{backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.06));border:1px solid rgba(255,224,52,.3);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1),0 20px 60px -10px rgba(97,44,161,.3);overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.rating-card:before{background:linear-gradient(45deg,transparent 20%,hsla(0,0%,100%,.2) 50%,transparent 60%);background-size:300% 300%;border-radius:20px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.rating-card:hover{border-color:rgba(255,224,52,.5);box-shadow:0 15px 50px rgba(0,0,0,.4),inset 0 0 0 1px hsla(0,0%,100%,.15),0 25px 70px -10px rgba(97,44,161,.4),0 0 40px rgba(255,224,52,.2);transform:translateY(-4px) scale(1.02)}.rating-card:hover:before{animation:shimmer 3s ease-in-out;opacity:1}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:200% 0}}.rating-card:hover .metric-value{filter:brightness(1.2);text-shadow:0 0 20px rgba(255,224,52,.6);transform:scale(1.2);transition:all .3s ease}.rating-card:hover .metric{background-color:hsla(0,0%,100%,.08)}.rating-header{margin-bottom:30px;text-align:center}.rating-number{color:#fff;font-size:3.9rem;font-weight:900;line-height:1;margin-bottom:10px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.rating-label{color:#fff;font-size:1.3rem;font-weight:600;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.rating-stars{display:flex;gap:5px;justify-content:center;margin-bottom:30px}.star{color:#ffe034;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.7rem;transition:transform .2s ease}.star:hover{transform:scale(1.2)}.rating-metrics{display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:16px}.metric{border-top:1px solid hsla(0,0%,100%,.2);padding:15px;text-align:center;transition:background-color .2s ease}.metric:hover{background-color:hsla(0,0%,100%,.05)}.metric:nth-child(2){border-left:1px solid hsla(0,0%,100%,.25)}.metric:nth-child(3),.metric:nth-child(4){border-top:1px solid hsla(0,0%,100%,.25)}.metric:nth-child(4){border-left:1px solid hsla(0,0%,100%,.25)}.metric-label{color:hsla(0,0%,100%,.8);font-size:.9rem;font-weight:500;letter-spacing:.4px;margin-bottom:5px;text-transform:uppercase}.metric-value{background:linear-gradient(135deg,#ffe034,gold);-webkit-background-clip:text;font-size:2.4rem;font-weight:900;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.footnote{color:rgba(255,224,52,.9);font-size:.9rem;font-style:italic;padding-top:10px}.cta-hero{margin-top:30px}.cta-hero .cta-primary{background:linear-gradient(135deg,#ffe034,gold);border:none;border-radius:50px;box-shadow:0 8px 24px rgba(255,224,52,.35),inset 0 0 0 1px hsla(0,0%,100%,.2);color:#1a0f3a;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:15px 35px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-hero .cta-primary:before{background:hsla(0,0%,100%,.3);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.cta-hero .cta-primary:hover{box-shadow:0 12px 32px rgba(255,224,52,.45),inset 0 0 0 2px hsla(0,0%,100%,.3);transform:translateY(-3px) scale(1.05)}.cta-hero .cta-primary:hover:before{height:600px;width:600px}@media (max-width:968px){.hero{padding:120px 0 60px}.hero-content{flex-direction:column;gap:32px;text-align:center}.hero-left{flex:1 1 100%;max-width:100%;padding-right:0}.hero-right{flex:none;margin:0 auto;max-width:400px;width:100%}.hero-left h1{font-size:2.8rem}.hero-subtitle{font-size:1.6rem}}@media (max-width:768px){.hero{padding:80px 0 50px}.container{padding:0 24px}.hero-left h1{font-size:2.2rem}.hero-subtitle{font-size:1.4rem}.hero-right{flex:none;max-width:350px;width:100%}.rating-card{padding:30px 20px}.rating-number{font-size:2.6rem}.rating-label{font-size:1.1rem}.rating-metrics{gap:15px}.metric{padding:12px 8px}.metric-label{font-size:.8rem}.metric-value{font-size:1.8rem}}@media (max-width:480px){.hero{padding:70px 0 40px}.container{padding:0 16px}.hero-left h1{font-size:1.8rem}.hero-subtitle{font-size:1.2rem;margin-bottom:24px}.rating-card{padding:25px 15px}.rating-number{font-size:2.4rem}.rating-stars .star{font-size:1.2rem}.metric-value{font-size:1.5rem}.metric-label{font-size:1rem}.cta-hero .cta-primary{font-size:.95rem;padding:14px 32px}}