@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--color-bg-primary:#0a0a0f;--color-bg-secondary:#12121a;--color-bg-tertiary:#1a1a25;--color-bg-card:#ffffff08;--color-bg-card-hover:#ffffff0f;--color-gradient-start:#6366f1;--color-gradient-mid:#8b5cf6;--color-gradient-end:#a855f7;--color-gradient-accent:#06b6d4;--color-text-primary:#fff;--color-text-secondary:#ffffffb3;--color-text-tertiary:#ffffff80;--color-text-muted:#fff6;--color-border:#ffffff14;--color-border-hover:#ffffff26;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0000004d;--gradient-primary:linear-gradient(135deg,var(--color-gradient-start),var(--color-gradient-mid),var(--color-gradient-end));--gradient-text:linear-gradient(135deg,#fff 0%,#fffc 100%);--gradient-glow:radial-gradient(ellipse at center,#8b5cf626 0%,transparent 70%);--section-padding:120px;--container-max-width:1200px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--transition-fast:.2s ease;--transition-medium:.3s ease;--transition-slow:.5s ease;--transition-slower:.8s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-gradient-mid);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gradient-end)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 24px}.section{padding:var(--section-padding)0;position:relative}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;transition:all var(--transition-medium);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #8b5cf666}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf699}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-secondary{background:var(--glass-bg);color:var(--color-text-primary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover);transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.animate-on-scroll{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-delay-1{transition-delay:.1s}.animate-delay-2{transition-delay:.2s}.animate-delay-3{transition-delay:.3s}.animate-delay-4{transition-delay:.4s}.animate-delay-5{transition-delay:.5s}h1{letter-spacing:-.02em;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}h2{letter-spacing:-.02em;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2}h3{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;line-height:1.3}p{color:var(--color-text-secondary);font-size:clamp(1rem,1.5vw,1.125rem)}@media (max-width:768px){:root{--section-padding:80px}.container{padding:0 16px}.btn{padding:14px 24px;font-size:15px}}@media (max-width:480px){:root{--section-padding:60px}}