:root{--bg-primary: #0a0a1a;--bg-secondary: #0d0d24;--bg-card: #12122a;--bg-card-hover: #1a1a3a;--bg-elevated: #16163a;--border: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--border-accent: rgba(79, 142, 247, .3);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .4);--accent-blue: #2a61e0;--accent-blue-light: #2ea3f2;--accent-blue-hover: #3570ef;--accent-blue-hover-lt: #45b3ff;--accent-purple: #1653e2;--accent-gradient: linear-gradient(135deg, #2a61e0 0%, #2ea3f2 100%);--accent-gradient-hover: linear-gradient(135deg, #3570ef 0%, #45b3ff 100%);--cta-gradient: linear-gradient(135deg, rgba(79,142,247,.1) 0%, rgba(155,107,247,.1) 100%);--color-success: #28c840;--color-warning: #ffbd2e;--color-danger: #ff5f57;--terminal-red: #ff5f57;--terminal-yellow: #ffbd2e;--terminal-green: #28c840;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 17px;--text-xl: 19px;--text-2xl: 20px;--text-3xl: 28px;--text-4xl: 32px;--text-5xl: 42px;--text-hero: 64px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-tight: 1.1;--leading-snug: 1.2;--leading-normal: 1.6;--leading-relaxed: 1.7;--tracking-tight: -1.5px;--tracking-normal: 0px;--tracking-wide: 1px;--tracking-wider: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-30: 120px;--radius-sm: 8px;--radius: 12px;--radius-lg: 20px;--radius-full: 100px;--shadow: 0 4px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .4);--shadow-accent: 0 4px 16px rgba(79, 142, 247, .3);--shadow-accent-lg: 0 6px 24px rgba(79, 142, 247, .45);--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--container-max: 1200px;--container-padding: 24px;--nav-height: 64px;--surface-base: var(--bg-primary);--surface-raised: var(--bg-card);--surface-overlay: var(--bg-elevated);--text-body: var(--text-secondary);--text-heading: var(--text-primary);--text-caption: var(--text-muted);--brand-primary: var(--accent-blue);--brand-gradient: var(--accent-gradient)}[data-theme=light]{--bg-primary: #f6f7ff;--bg-secondary: #edeefa;--bg-card: #ffffff;--bg-card-hover: #f0f2ff;--bg-elevated: #f2f3fc;--border: rgba(10, 10, 26, .09);--border-hover: rgba(10, 10, 26, .17);--border-accent: rgba(42, 97, 224, .28);--text-primary: #0a0a1a;--text-secondary: rgba(10, 10, 26, .68);--text-muted: rgba(10, 10, 26, .42);--shadow: 0 2px 16px rgba(10, 10, 26, .07);--shadow-lg: 0 6px 40px rgba(10, 10, 26, .1);--shadow-accent: 0 4px 16px rgba(42, 97, 224, .18);--shadow-accent-lg: 0 6px 24px rgba(42, 97, 224, .28);--surface-base: var(--bg-primary);--surface-raised: var(--bg-card);--surface-overlay: var(--bg-elevated);--text-body: var(--text-secondary);--text-heading: var(--text-primary);--text-caption: var(--text-muted)}:root{--bg-primary: #07071a;--bg-secondary: #0b0b20;--bg-card: #12122c;--bg-card-hover: #181838;--bg-elevated: #141430;--border: #242448;--border-hover: #4CC94C;--text-primary: #ffffff;--text-secondary: rgba(255,255,255,.72);--text-muted: rgba(255,255,255,.45);--accent-blue: #4CC94C;--accent-blue-light: #6FDC6F;--accent-blue-hover: #5EDD5E;--accent-blue-hover-lt: #a6f5a6;--accent-gradient: #4CC94C;--accent-gradient-hover: #5EDD5E;--color-success: #7FE57F;--color-warning: #ffbd2e;--color-danger: #ff5f57;--font-sans: "Noto Sans", sans-serif}*{box-sizing:border-box}body{margin:0;background:#07071a;color:#ffffffb8;font-family:Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}img{image-rendering:pixelated}a{color:#6fdc6f;text-decoration:none;transition:color .15s ease}a:hover{color:#a6f5a6}@keyframes lss-twinkle{0%,to{opacity:.35}50%{opacity:.8}}.bg-glow,.bg-stars{position:fixed;inset:0;z-index:0;pointer-events:none}.bg-glow{background:radial-gradient(1100px 600px at 10% -8%,rgba(42,97,224,.16),transparent 60%),radial-gradient(900px 700px at 100% 4%,rgba(160,107,255,.1),transparent 55%)}.bg-stars{animation:lss-twinkle 6s ease-in-out infinite;background-repeat:no-repeat;background-image:radial-gradient(1.5px 1.5px at 8% 18%,#fff,transparent),radial-gradient(1.5px 1.5px at 22% 42%,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 35% 12%,#fff,transparent),radial-gradient(1px 1px at 48% 68%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 61% 28%,#fff,transparent),radial-gradient(1px 1px at 73% 54%,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 84% 22%,#fff,transparent),radial-gradient(1.5px 1.5px at 92% 60%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 15% 82%,#fff,transparent),radial-gradient(1.5px 1.5px at 40% 90%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 66% 84%,#fff,transparent)}.pix{font-family:Archivo Black,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.5px}header.nav{position:sticky;top:0;z-index:40;background:#060612f2;backdrop-filter:blur(14px);border-bottom:3px solid #1d1d3d}.nav-inner{max-width:1100px;margin:0 auto;padding:0 22px;min-height:68px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.brand{font-family:Archivo Black,sans-serif;font-size:15px;text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:11px;color:#fff;padding:12px 0}.brand .logo{width:30px;height:30px;flex-shrink:0;display:inline-block;background:linear-gradient(#5bbf3a 0 34%,#7a5230 34% 100%);box-shadow:inset 3px 3px #ffffff47,inset -3px -3px #00000080}.brand .brand-dom{display:block;font-family:VT323,monospace;font-size:14px;letter-spacing:1px;text-transform:none;color:#6fdc6f;line-height:1;margin-top:2px}nav.links{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap;align-items:center;padding:10px 0}nav.links a{font-family:Archivo Black,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:#ffffff9e}nav.links a:hover{color:#fff}nav.links a.active{color:#6fdc6f}header.nav,main,footer.ft{position:relative;z-index:1}main{max-width:1100px;margin:0 auto;padding:48px 22px 90px}h1.page{font-family:Archivo Black,sans-serif;font-size:clamp(30px,5.4vw,52px);font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:-.5px;color:#fff;margin:0 0 14px}h2.pix,h3.pix,h4.pix{color:#fff}.sub{color:#ffffffb8;font-size:17px;line-height:1.7;margin:0 0 34px;max-width:640px}.card{background:#12122c;border:3px solid #242448;border-radius:0;padding:24px;box-shadow:0 6px #0000007a}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px 16px;border:0;border-radius:0;background:#4cc94c;color:#08210a;font-family:Archivo Black,sans-serif;font-weight:400;font-size:13px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:0 6px #2f8a34;transition:transform .1s ease,box-shadow .1s ease,background .15s ease;text-decoration:none}.btn:hover{background:#5edd5e;color:#08210a;transform:translateY(2px);box-shadow:0 4px #2f8a34}.btn.ghost{background:#181838;color:#fff;border:2px solid rgba(255,255,255,.16);box-shadow:0 6px #00000080}.btn.ghost:hover{background:#181838;color:#fff;border-color:#6fdc6f;box-shadow:0 4px #00000080}label{display:block;font-size:11px;color:#ffffff8c;margin:0 0 7px;font-family:Archivo Black,sans-serif;text-transform:uppercase;letter-spacing:1.2px}input,select{width:100%;padding:12px 14px;background:#07071a;border:2px solid rgba(255,255,255,.12);border-radius:0;color:#fff;font-family:Noto Sans,sans-serif;font-size:15px}input:focus,select:focus{outline:none;border-color:#4cc94c}.field{margin-bottom:16px}.err{background:#ff5f571a;border:3px solid rgba(255,95,87,.32);border-left-width:6px;color:#ff9b95;padding:14px 18px;border-radius:0;margin-bottom:18px;font-size:14px}.ok{background:#4cc94c1a;border:3px solid rgba(76,201,76,.32);border-left-width:6px;color:#7fe57f;padding:14px 18px;border-radius:0;margin-bottom:18px;font-size:14px}footer.ft{border-top:3px solid #1d1d3d;background:#0b0b20}.ft-inner{max-width:1100px;margin:0 auto;padding:28px 22px;font-family:VT323,monospace;font-size:17px;letter-spacing:.5px;color:#ffffff6b}code.mono{font-family:VT323,monospace;font-size:18px;color:#6fdc6f;background:#07071a;border:2px solid rgba(255,255,255,.1);padding:2px 9px;border-radius:0}
