@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--navy: #050d1a;--cyan: #00d4ff;--green: #34d399;--purple: #a78bfa;--orange: #f97316;--pink: #e879f9;--amber: #fbbf24;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Courier New", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:#050d1a;color:#fff;font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--navy)}::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff80}::selection{background:#00d4ff40;color:#fff}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.section{padding:80px 0;position:relative}.container{max-width:1100px;margin:0 auto;padding:0 32px}.section-tag{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--cyan);opacity:.7;margin-bottom:12px;font-family:var(--font-mono)}.section-title{font-size:36px;font-weight:800;color:#fff;line-height:1.15;margin-bottom:16px;letter-spacing:-1px}.section-title span{color:var(--cyan)}.section-sub{font-size:15px;color:#fff6;line-height:1.7;max-width:560px;margin-bottom:48px}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.2),transparent)}.tag-pill{display:inline-flex;align-items:center;font-size:10px;padding:3px 10px;border-radius:20px;border:1px solid rgba(0,212,255,.25);color:#00d4ffb3;background:#00d4ff14;font-family:var(--font-mono);white-space:nowrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:11px 24px;border-radius:50px;border:none;background:var(--cyan);color:var(--navy);cursor:pointer;transition:all .25s;letter-spacing:.3px;font-family:var(--font-sans)}.btn-primary:hover{background:#33dfff;box-shadow:0 8px 24px #00d4ff59;transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:11px 24px;border-radius:50px;border:1px solid rgba(0,212,255,.3);background:#00d4ff14;color:var(--cyan);cursor:pointer;transition:all .25s;letter-spacing:.3px;font-family:var(--font-sans)}.btn-secondary:hover{background:#00d4ff29;border-color:#00d4ff80;transform:translateY(-2px)}.blink-cursor{display:inline-block;width:8px;height:15px;background:var(--cyan);vertical-align:middle;animation:blink .8s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.fade-up{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.scroll-dot{width:6px;height:6px;border-radius:3px;background:#00d4ff40;transition:all .3s;cursor:pointer}.scroll-dot.active{background:var(--cyan);height:20px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes scroll-line{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@keyframes spin{to{transform:rotate(360deg)}}.star-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.star{position:absolute;background-color:#ffffffd9;border-radius:50%;box-shadow:0 0 6px #00d4ff66;animation:pulse-subtle ease-in-out infinite alternate}.moving-star{position:absolute;background-color:#ffffffe6;border-radius:50%;box-shadow:0 0 8px #00d4ff80;animation:move-star linear infinite}.meteor{position:absolute;background:linear-gradient(90deg,#00d4ff00,#ffffffe6);border-radius:999px;transform-origin:left center;box-shadow:0 0 4px #00d4ff80,0 0 10px #ffffff4d;opacity:0;animation:meteor linear infinite}@keyframes pulse-subtle{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.5)}}@keyframes move-star{0%{transform:translate(0);opacity:.8}to{transform:translate(var(--tx),var(--ty));opacity:.2}}@keyframes meteor{0%{opacity:0;transform:rotate(30deg) translate(-200px)}2%{opacity:1;transform:rotate(30deg) translate(-180px)}85%{opacity:1;transform:rotate(30deg) translate(110vw)}to{opacity:0;transform:rotate(30deg) translate(125vw)}}@media (max-width: 768px){.section{padding:60px 0}.container{padding:0 20px}.section-title{font-size:28px}}
