@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700;800&display=swap";
:root{--bg-void:#050505;--bg-surface:#0d0d12;--bg-elevated:#1a1a22;--bg-hover:#222230;--text-primary:#f0f0f5;--text-secondary:#b0b0be;--text-muted:#626573;--accent-cyan:#00f3ff;--accent-pink:#ff007a;--accent-green:#0f8;--accent-amber:#ffb800;--border:#1a1a1f;--border-light:#2a2a35;--glow-cyan:0 0 8px #00f3ff66;--glow-pink:0 0 8px #ff007a66;--glow-green:0 0 8px #0f86;--font-mono:"JetBrains Mono","Fira Code","Courier New",monospace;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-void);color:var(--text-primary);min-height:100dvh;line-height:1.6;position:relative;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);width:100%;height:100%;position:fixed;top:0;left:0}a{color:var(--accent-cyan);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--text-primary);text-shadow:var(--glow-cyan)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{color:var(--text-primary);background:#00f3ff33}.container{width:100%;max-width:720px;padding:0 var(--space-md);margin:0 auto}.container-wide{max-width:1080px}.surface{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color var(--transition-fast)}.surface:hover{border-color:var(--border-light)}.surface-elevated{background:var(--bg-elevated)}.glow-border{position:relative}.glow-border:before{content:"";background:var(--accent-cyan);width:2px;box-shadow:var(--glow-cyan);opacity:0;transition:opacity var(--transition-fast);position:absolute;top:0;bottom:0;left:0}.glow-border:hover:before{opacity:1}.btn{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.02em;background:0 0;font-size:.85rem;font-weight:500;display:inline-flex}.btn:hover{background:var(--bg-elevated);border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.btn-primary{background:var(--accent-cyan);color:var(--bg-void);border-color:var(--accent-cyan);font-weight:700}.btn-primary:hover{color:var(--accent-cyan);box-shadow:var(--glow-cyan);background:0 0}.btn-ghost{padding:var(--space-xs)var(--space-sm);border:none}.btn-ghost:hover{background:var(--bg-elevated);box-shadow:none}.badge{align-items:center;gap:var(--space-xs);padding:2px var(--space-sm);border:1px solid var(--border-light);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-radius:2px;font-size:.7rem;font-weight:500;display:inline-flex}.badge-cyan{color:var(--accent-cyan);border-color:#00f3ff4d}.badge-pink{color:var(--accent-pink);border-color:#ff007a4d}.badge-green{color:var(--accent-green);border-color:#00ff884d}.badge-amber{color:var(--accent-amber);border-color:#ffb8004d}.input{width:100%;padding:var(--space-sm)var(--space-md);background:var(--bg-void);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast);font-size:.95rem}.input:focus{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan);outline:none}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:120px;line-height:1.7}.mono{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;font-size:.8rem}.text-logo{white-space:nowrap;font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:#fff;align-items:center;font-size:1.1rem;font-weight:800;text-decoration:none;display:flex}.text-logo:hover{text-shadow:var(--glow-cyan);color:var(--accent-cyan)}.icon-btn{align-items:center;gap:var(--space-xs);padding:var(--space-xs);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-mono);background:0 0;border:none;font-size:.75rem;display:inline-flex}.icon-btn:hover{color:var(--accent-cyan)}.icon-btn:hover svg{filter:drop-shadow(var(--glow-cyan))}.icon-btn.active{color:var(--accent-pink)}.icon-btn.active svg{filter:drop-shadow(var(--glow-pink));fill:var(--accent-pink)}.icon-btn.flag:hover{color:var(--accent-amber)}.icon-btn.flag:hover svg{filter:drop-shadow(0 0 5px #ffb80066)}.divider{border:none;border-top:1px solid var(--border);margin:var(--space-lg)0}@media (max-width:640px){.container{padding:0 var(--space-sm)}.surface{padding:var(--space-md);border-radius:var(--radius-sm)}.text-logo{letter-spacing:.12em;font-size:.85rem}}
.Header-module__onPCRq__header{z-index:100;background:#000;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.Header-module__onPCRq__inner{max-width:720px;padding:var(--space-md);justify-content:space-between;align-items:center;height:56px;margin:0 auto;display:flex}.Header-module__onPCRq__logoIcon{color:var(--accent-cyan);filter:drop-shadow(var(--glow-cyan))}.Header-module__onPCRq__langSelect{color:var(--text-muted);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;margin-right:1rem;padding:.25rem .5rem;font-size:.8rem;transition:all .2s}.Header-module__onPCRq__langSelect:hover{color:var(--foreground);border-color:var(--primary)}.Header-module__onPCRq__langSelect:focus{border-color:var(--primary);outline:none}.Header-module__onPCRq__auth{align-items:center;gap:1rem;display:flex}.Header-module__onPCRq__nav{align-items:center;gap:var(--space-sm);display:flex}@media (max-width:640px){.Header-module__onPCRq__inner{padding:var(--space-sm)var(--space-md);height:48px}}