:root{--background:#080c18;--foreground:#c8daf0;--accent:#00d4ff;--accent-dim:#09c;--surface:#0c1228;--surface-hover:#121a38;--border:#1a2a55;--muted:#5878a8;--success:#50fa9f;--danger:#ff5c7a;--cozy-background:var(--background);--cozy-foreground:var(--foreground);--cozy-accent:var(--accent);--cozy-accent-dim:var(--accent-dim);--cozy-surface:var(--surface);--cozy-surface-hover:var(--surface-hover);--cozy-border:var(--border);--cozy-muted:var(--muted);--text:var(--foreground);--text-secondary:color-mix(in srgb, var(--foreground) 86%, var(--muted));--text-muted:var(--muted)}*{box-sizing:border-box;margin:0;padding:0}body{letter-spacing:.015em;min-height:100vh;color:var(--foreground);background:radial-gradient(circle at 12% 14%, #00d4ff2e, transparent 34%), radial-gradient(circle at 88% 8%, #0099cc2e, transparent 32%), linear-gradient(to top, #00d4ff17, transparent 28%), var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-family:Cascadia Code,Fira Code,JetBrains Mono,SF Mono,ui-monospace,monospace;line-height:1.6;position:relative;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{z-index:0;background:linear-gradient(#04070e1a,#04070e99),repeating-linear-gradient(#5ea0e117 0 1px,#0000 1px 3px)}body:after{z-index:0;background:radial-gradient(circle,#0000 48%,#020408a3 100%),linear-gradient(#0000 68%,#00d4ff33)}a{color:var(--accent);text-decoration:none;transition:color .2s,text-shadow .2s}a:hover{color:#65e8ff;text-shadow:0 0 8px #00d4ff8c}button{font-family:inherit}.container{z-index:1;max-width:72rem;margin:0 auto;padding:2rem;position:relative}.card{border:1px solid var(--border);background:linear-gradient(#0c1228eb,#080c18f0);border-top:1px solid #00d4ff85;border-radius:1px;margin-bottom:1.5rem;padding:2rem;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;box-shadow:0 0 0 1px #00d4ff14,0 0 26px #00d4ff24}.card:after{content:"";pointer-events:none;background:linear-gradient(var(--accent), var(--accent)) left top / 14px 1px no-repeat, linear-gradient(var(--accent), var(--accent)) left top / 1px 14px no-repeat, linear-gradient(var(--accent), var(--accent)) right top / 14px 1px no-repeat, linear-gradient(var(--accent), var(--accent)) right top / 1px 14px no-repeat, linear-gradient(var(--accent), var(--accent)) left bottom / 14px 1px no-repeat, linear-gradient(var(--accent), var(--accent)) left bottom / 1px 14px no-repeat, linear-gradient(var(--accent), var(--accent)) right bottom / 14px 1px no-repeat, linear-gradient(var(--accent), var(--accent)) right bottom / 1px 14px no-repeat;opacity:.32;position:absolute;inset:4px}.card:hover{border-color:#2f4f8e;transform:translateY(-2px);box-shadow:0 0 0 1px #00d4ff29,0 0 40px #00d4ff38}.btn{border:1px solid var(--border);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border-radius:1px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary:hover{border-color:#7becff;box-shadow:0 0 28px #00d4ff59,inset 0 0 20px #00d4ff29}.btn-primary:disabled{cursor:not-allowed;opacity:.55}.btn-secondary{background:color-mix(in srgb, var(--surface) 72%, black);color:var(--foreground)}.btn-secondary:hover{background:var(--surface-hover);border-color:#00d4ff80}h1,h2,h3{text-transform:uppercase;font-weight:700}h1{letter-spacing:.14em;text-shadow:0 0 8px #00d4ff8c,0 0 24px #00d4ff47;margin-bottom:1rem;font-size:2.25rem}h2{letter-spacing:.2em;margin-bottom:.85rem;font-size:1.5rem}h3{letter-spacing:.08em;margin-bottom:.65rem;font-size:1.05rem}ul{padding-left:1.5rem}.feature-list{padding:0;list-style:none}.feature-list li{padding:.4rem 0 .4rem 1.6rem;position:relative}.feature-list li:before{content:"▸";color:var(--accent);text-shadow:0 0 8px #00d4ff8c;position:absolute;left:0}.loader{border:3px solid #00d4ff33;border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;margin:0 auto;animation:1s linear infinite spin}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@media (max-width:768px){.container{padding:1rem}.card{padding:1.15rem}h1{font-size:1.5rem}h2{font-size:1.2rem}}a{color:var(--cozy-accent)}a:hover{color:#efb66a}.text-secondary{color:color-mix(in srgb, var(--cozy-foreground) 88%, var(--cozy-muted))}.text-muted{color:var(--cozy-muted)}.btn{border:1px solid var(--cozy-border)}.btn-primary{color:#1a1209;background:linear-gradient(135deg,#d89b4c 0%,#be792d 100%);border-color:#986024;box-shadow:0 8px 18px #e8a8553d}.btn-primary:hover{background:linear-gradient(135deg,#e1a95c 0%,#cb8233 100%);box-shadow:0 12px 24px #e8a8554d}.btn-secondary{color:var(--cozy-foreground);border-color:var(--cozy-border);background:#1f1912eb}.btn-secondary:hover{background:#271f16f2}h1,h2,h3{color:#f3dfc1;font-family:Bitter,Cambria,serif}.feature-list li:before{color:var(--cozy-accent)}.loader{border-color:#e8a85547;border-top-color:var(--cozy-accent)}:focus-visible{outline:2px solid var(--cozy-accent)}.container{animation:.55s ease-out both appReveal}.card{transition:transform .22s,border-color .22s,box-shadow .22s}.card:hover{transform:translateY(-2px)}.btn{transition:transform .22s,box-shadow .22s,background .22s}.btn:hover{transform:translateY(-2px)}@keyframes appReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.container,.card,.btn,.loader,.animate-spin,.fade-in{transition:none!important;animation:none!important;transform:none!important}}