@import url("https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap");:root{--bg:#020b0f;--bg2:#050f15;--surface:#081820;--surface2:#0c2233;--teal:#00e5c8;--teal2:#00b89e;--cyan:#4af4e8;--amber:#f5a623;--coral:#ff5a5a;--text:#e8f4f2;--muted:#5c8a84;--border:rgba(0,229,200,.15);--glow:0 0 40px rgba(0,229,200,.2)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--teal2);border-radius:2px}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}h1,h2,h3,h4{font-family:Syne,sans-serif;font-weight:800;line-height:1.1}.mono{font-family:Space Mono,monospace}a{color:var(--teal);text-decoration:none}.scanlines:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 0,rgba(0,0,0,.03) 4px);pointer-events:none}.glow-border{border:1px solid var(--teal);box-shadow:0 0 20px rgba(0,229,200,.15),inset 0 0 20px rgba(0,229,200,.03)}.gradient-text{background:linear-gradient(135deg,var(--teal) 0,var(--cyan) 50%,var(--teal2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--teal);color:var(--bg);font-family:Space Mono,monospace;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:none;cursor:pointer;-webkit-clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:all .2s}.btn-primary:hover{background:var(--cyan);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,229,200,.4)}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:13px 31px;background:transparent;color:var(--teal);font-family:Space Mono,monospace;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--teal);cursor:pointer;-webkit-clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));transition:all .2s}.btn-outline:hover{background:rgba(0,229,200,.08);transform:translateY(-2px)}.section-label{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-label:before{content:"";display:block;width:32px;height:1px;background:var(--teal)}.grid-bg{background-image:linear-gradient(rgba(0,229,200,.04) 1px,transparent 0),linear-gradient(90deg,rgba(0,229,200,.04) 1px,transparent 0);background-size:60px 60px}.card{background:var(--surface);border:1px solid var(--border);padding:32px;position:relative;transition:all .3s}.card:before{content:"";position:absolute;top:0;left:0;width:40px;height:2px;background:var(--teal)}.card:hover{border-color:rgba(0,229,200,.4);transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 30px rgba(0,229,200,.1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes counter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.fade-up{animation:fadeUp .8s ease forwards}.float{animation:float 6s ease-in-out infinite}@media (max-width:768px){body{font-size:15px}}