:root{--bg:#060608;--surface:#111116;--surface-hover:#18181e;--border:#1e1e26;--text-primary:#f0f0f3;--text-secondary:#8a8a9a;--text-tertiary:#55556a;--accent-green:#39a948;--danger:#ff5d73;--warning:#f4c95d;--info:#7da2ff;--gradient:linear-gradient(135deg,#e8da55,#9ed04e,#39a948,#2e8f84,#343a8f);--radius-card:12px;--radius-input:8px;--shadow-soft:0 10px 30px rgba(0,0,0,.28);--max-width:640px}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0;background:var(--bg);color:var(--text-primary);font-family:Outfit,Inter,Arial,Helvetica,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input,select{background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-input);outline:none;transition:border-color .2s ease,background .2s ease,opacity .2s ease}input:focus,select:focus{border-color:#4d71ff}button{cursor:pointer;border:0}.page-shell{width:100%;min-height:100vh;padding:24px 16px 40px;background:radial-gradient(circle at top center,rgba(57,169,72,.08),transparent 28%),radial-gradient(circle at top right,rgba(52,58,143,.08),transparent 24%),var(--bg)}.container{max-width:var(--max-width);margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.gradient-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.badge{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;border:1px solid var(--border);background:hsla(0,0%,100%,.02);color:var(--text-secondary);font-size:12px;font-weight:600}.section-title{margin:0;font-size:18px;font-weight:600;letter-spacing:-.02em}.muted{color:var(--text-secondary)}.gradient-button{background:var(--gradient);color:#071008;font-weight:700;border-radius:10px;transition:transform .18s ease,opacity .18s ease}.gradient-button:hover{transform:translateY(-1px)}.ghost-button{background:hsla(0,0%,100%,.03);color:var(--text-primary);border:1px solid var(--border);border-radius:10px}.ghost-button:hover{background:var(--surface-hover)}.error-box,.info-box,.success-box,.warning-box{border-radius:12px;padding:14px;font-size:14px;line-height:1.5}.warning-box{background:rgba(244,201,93,.12);border:1px solid rgba(244,201,93,.28);color:#f7dda0}.success-box{background:rgba(57,169,72,.12);border:1px solid rgba(57,169,72,.28);color:#afe4b6}.error-box{background:rgba(255,93,115,.12);border:1px solid rgba(255,93,115,.28);color:#ffb3bf}.info-box{background:rgba(125,162,255,.12);border:1px solid rgba(125,162,255,.28);color:#c5d5ff}.seo-content{margin-top:28px;padding:24px;line-height:1.7}.seo-content h2,.seo-content h3{letter-spacing:-.02em}.seo-content h2{margin-top:0;margin-bottom:12px;font-size:24px}.seo-content h3{margin-top:22px;margin-bottom:8px;font-size:18px}.seo-content p{margin:0 0 14px}.footer,.seo-content p{color:var(--text-secondary)}.footer{margin-top:24px;padding:18px 0 0;font-size:14px}.footer-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.footer-links a:hover{color:var(--text-primary)}@media (min-width:768px){.page-shell{padding-top:36px}}