.hero{background:linear-gradient(135deg,#0a0118 0,#1a0b2e 25%,#8b5cf6 50%,#1a0b2e 75%,#0a0118 100%);background-size:400% 400%;padding:120px 0 100px;position:relative;overflow:hidden;animation:15s infinite gradientShift}@keyframes gradientShift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.4) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(99,102,241,.3) 0,transparent 50%),radial-gradient(circle at 50% 0,rgba(168,85,247,.35) 0,transparent 60%);animation:6s ease-in-out infinite pulseGlow}@keyframes pulseGlow{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}.hero .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;position:relative;z-index:2}.hero h1{font-size:clamp(40px,6vw,64px);line-height:1.1;margin-bottom:24px;background:linear-gradient(135deg,#fff 0,#e0e7ff 50%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:3s ease-in-out infinite textGlow;text-shadow:0 0 40px rgba(139,92,246,.6),0 0 80px rgba(99,102,241,.4)}@keyframes textGlow{0%,100%{filter:brightness(1) drop-shadow(0 0 30px rgba(139,92,246,.5))}50%{filter:brightness(1.3) drop-shadow(0 0 60px rgba(139,92,246,.8))}}.hero p{font-size:20px;line-height:1.6;margin-bottom:32px;color:rgba(255,255,255,.9);text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero-cta{display:flex;gap:16px;flex-wrap:wrap}.hero-cta .cta{font-size:18px;padding:16px 36px}.hero-cta .cta-secondary{background:0 0;color:var(--accent);border:2px solid var(--accent);box-shadow:none}.hero-cta .cta-secondary:hover{background:var(--accent-light);transform:translateY(-2px)}.phone-card{background:rgba(255,255,255,.05);backdrop-filter:blur(20px) saturate(180%);padding:32px;border-radius:var(--radius-lg);box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 40px rgba(139,92,246,.3),inset 0 1px 0 rgba(255,255,255,.2);border:2px solid rgba(139,92,246,.4);position:relative;animation:.8s ease-out slideInRight,4s ease-in-out infinite cardFloat}@keyframes slideInRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes cardFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.phone-card h3{font-size:24px;margin-bottom:12px;color:#fff}.phone-card p{margin-bottom:16px;font-size:16px;color:rgba(255,255,255,.85)}.phone-card strong{color:#fff;font-size:32px;font-weight:700;text-shadow:0 0 20px rgba(139,92,246,.8)}.phone-card::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#8b5cf6,#6366f1,#a855f7);background-size:200% 200%;border-radius:var(--radius-lg);z-index:-1;opacity:0;transition:opacity .4s;animation:3s infinite borderGlow}@keyframes borderGlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.phone-card:hover::before{opacity:1}@media(max-width:880px){.hero{padding:80px 0 60px}.hero .grid{grid-template-columns:1fr;gap:48px}.hero h1{font-size:clamp(32px,8vw,48px)}.hero p{font-size:18px}}