:root{--bg-primary:#000;--bg-secondary:#1d1d1f;--bg-tertiary:#2d2d2d;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--text-tertiary:#86868b;--accent:#c084fc;--accent-hover:#d8b4fe;--accent-light:#c084fc26;--border:#ffffff1a;--card-bg:#1d1d1fcc;--card-border:#ffffff14;--shadow:0 2px 12px #0000004d;--shadow-lg:0 8px 30px #0006;--shadow-glow:0 0 60px #c084fc33;--gradient-cyber:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--gradient-music:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--section-padding:120px;--container-width:1200px;--transition-fast:.2s cubic-bezier(.25,.1,.25,1);--transition-medium:.4s cubic-bezier(.25,.1,.25,1);--transition-slow:.6s cubic-bezier(.25,.1,.25,1);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1)}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f7;--bg-tertiary:#e8e8ed;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-tertiary:#515154;--accent:#a855f7;--accent-hover:#c084fc;--accent-light:#a855f71a;--border:#0000001a;--card-bg:#fffc;--card-border:#00000014;--shadow:0 2px 12px #00000014;--shadow-lg:0 8px 30px #0000001f;--shadow-glow:0 0 40px #a855f726}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-slow),color var(--transition-medium);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600;line-height:1.1}h1{font-size:clamp(3rem,8vw,5rem);font-weight:700}h2{font-size:clamp(2rem,5vw,3.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{color:var(--text-secondary);font-size:1.125rem;line-height:1.7}a{color:var(--accent);transition:color var(--transition-fast),transform var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}section{padding:var(--section-padding)0;position:relative}.btn{cursor:pointer;transition:all var(--transition-medium);border:none;border-radius:980px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#fff3 0%,#0000 100%);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn-primary{background-color:var(--accent);color:#fff;box-shadow:0 4px 14px #0071e366}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #0071e380}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{color:var(--accent);border:1px solid var(--accent);background-color:#0000}.btn-secondary:hover{background-color:var(--accent-light);transform:translateY(-2px)}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);transition:all var(--transition-medium);border-radius:20px;padding:32px;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.card:hover:before{left:100%}.card:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);border-color:var(--accent);transform:translateY(-8px)scale(1.01)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px #2997ff4d}50%{box-shadow:0 0 40px #2997ff80}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:1s forwards fadeIn}.animate-fade-in-up{animation:.8s forwards fadeInUp}.animate-fade-in-scale{animation:.8s forwards fadeInScale}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-glow{animation:2s ease-in-out infinite glow}.reveal{opacity:0;transition:all .8s;transform:translateY(60px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:all .8s;transform:translate(-60px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:all .8s;transform:translate(60px)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:all .8s;transform:scale(.9)}.reveal-scale.visible{opacity:1;transform:scale(1)}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,var(--accent)0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-shimmer{background:linear-gradient(90deg,var(--text-primary)0%,var(--accent)50%,var(--text-primary)100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--card-border)}.hover-lift{transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}@media (max-width:768px){:root{--section-padding:80px}.container{padding:0 20px}}@media (max-width:480px){:root{--section-padding:60px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::selection{background-color:var(--accent);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-secondary);transition:background var(--transition-fast);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}