@import "https://fonts.googleapis.com/css2?family=Rubik+Mono+One&family=Passion+One:wght@400;700;900&family=Manrope:wght@300;400;500;600;700;800&family=Coiny&family=Bebas+Neue&display=swap";
:root{--color-cyan:#00f0ff;--color-purple:#7000ff;--color-pink:#f05;--color-white:#fff;--color-black:#000;--font-brand:"Rubik Mono One",monospace;--font-heading:"Bebas Neue",sans-serif;--font-body:"Manrope",sans-serif;--font-coiny:"Coiny",cursive;--font-bebas:"Bebas Neue",sans-serif;--section-padding:120px 0;--container-max:1280px;--container-padding:0 clamp(20px,5vw,80px);--transition-smooth:.4s cubic-bezier(.16,1,.3,1);--transition-fast:.2s ease;--transition-theme:.6s cubic-bezier(.16,1,.3,1);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px}[data-theme=dark]{--bg-primary:#050508;--bg-secondary:#0c0c14;--bg-card:#0f0f1999;--bg-card-hover:#191928cc;--bg-glass:#0a0a1480;--border-glass:#ffffff0f;--border-subtle:#ffffff14;--text-primary:#f0f0f5;--text-secondary:#f0f0f599;--text-muted:#f0f0f559;--glow-cyan:0 0 40px #00f0ff4d;--glow-purple:0 0 60px #7000ff40;--glow-pink:0 0 40px #f053}[data-theme=light]{--bg-primary:#f8f8fc;--bg-secondary:#eeeef4;--bg-card:#ffffffb3;--bg-card-hover:#ffffffe6;--bg-glass:#ffffff4d;--border-glass:#0000000f;--border-subtle:#00000014;--text-primary:#0a0a14;--text-secondary:#0a0a1499;--text-muted:#0a0a1459;--glow-cyan:0 0 40px #00f0ff26;--glow-purple:0 0 60px #7000ff1f;--glow-pink:0 0 40px #ff00551a}*,: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-body);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-theme),color var(--transition-theme);line-height:1.6;overflow-x:hidden}h1{font-family:var(--font-bebas);letter-spacing:.05em;line-height:1.1}h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.02em;line-height:1.1}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-max);padding:var(--container-padding);margin:0 auto}.section{padding:var(--section-padding);position:relative}.section-title{font-family:var(--font-bebas);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,5rem);font-weight:900}.section-subtitle{color:var(--text-secondary);max-width:600px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.gradient-text{background:linear-gradient(135deg,var(--color-cyan),var(--color-purple),var(--color-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--color-cyan);color:var(--color-black);border-radius:var(--radius-full);transition:all var(--transition-smooth);letter-spacing:.03em;align-items:center;gap:10px;padding:16px 36px;font-size:1rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(135deg,var(--color-cyan),var(--color-purple));opacity:0;transition:opacity var(--transition-smooth);position:absolute;inset:0}.btn-primary:hover{box-shadow:var(--glow-cyan);color:var(--color-white);transform:translateY(-2px)}.btn-primary:hover:before{opacity:1}.btn-primary span,.btn-primary svg{z-index:1;position:relative}.btn-primary svg{transition:transform var(--transition-smooth)}.btn-primary:hover svg{transform:translate(4px)}.btn-secondary{color:var(--text-primary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);transition:all var(--transition-smooth);background:0 0;align-items:center;gap:10px;padding:16px 36px;font-size:1rem;font-weight:600;display:inline-flex}.btn-secondary:hover{border-color:var(--color-cyan);color:var(--color-cyan);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.btn-secondary svg{transition:transform var(--transition-smooth)}.btn-secondary:hover svg{transform:translate(4px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-purple);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}::selection{color:var(--text-primary);background:#00f0ff33}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}