*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0b0f;--surface: #13151c;--surface-hover: #1a1d27;--border: #23263a;--text: #eaeaf0;--text-muted: #8b8fa3;--accent: #6366f1;--accent-hover: #818cf8;--accent-glow: rgba(99, 102, 241, .15);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--radius: 10px}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.client-page{min-height:100vh;display:flex;flex-direction:column}.client-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto;width:100%}.client-logo{font-size:1.3rem;font-weight:800;color:var(--text);text-decoration:none}.client-logo span{color:var(--accent)}.client-nav-links{display:flex;gap:1rem;align-items:center}.client-nav-links a{color:var(--text-muted);font-size:.9rem;font-weight:500;transition:color .15s}.client-nav-links a:hover{color:var(--text)}.hero{text-align:center;padding:5rem 2rem 3rem;max-width:800px;margin:0 auto}.hero h1{font-size:3rem;font-weight:800;line-height:1.15;margin-bottom:1.25rem}.hero h1 span{color:var(--accent)}.hero p{font-size:1.15rem;color:var(--text-muted);max-width:550px;margin:0 auto 2rem}.hero-cta{display:inline-block;background:var(--accent);color:#fff;padding:.8rem 2rem;border-radius:var(--radius);font-size:1rem;font-weight:600;transition:background .2s,transform .15s;border:none;cursor:pointer;text-decoration:none}.hero-cta:hover{background:var(--accent-hover);transform:translateY(-1px);color:#fff}.pricing-section{padding:3rem 2rem 5rem;max-width:1100px;margin:0 auto}.pricing-section h2{text-align:center;font-size:2rem;font-weight:700;margin-bottom:.5rem}.pricing-subtitle{text-align:center;color:var(--text-muted);margin-bottom:2.5rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:800px){.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:2rem;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.pricing-card:hover{border-color:var(--accent);transform:translateY(-2px)}.pricing-card.featured{border-color:var(--accent);box-shadow:0 0 30px var(--accent-glow)}.pricing-name{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);margin-bottom:.75rem}.pricing-price{font-size:2.5rem;font-weight:800;margin-bottom:.25rem}.pricing-price span{font-size:1rem;font-weight:400;color:var(--text-muted)}.pricing-desc{color:var(--text-muted);font-size:.88rem;margin-bottom:1.5rem;flex:1}.pricing-features{list-style:none;margin-bottom:1.5rem}.pricing-features li{font-size:.88rem;color:var(--text-muted);padding:.3rem 0}.pricing-features li:before{content:"✓";color:var(--success);font-weight:700;margin-right:.5rem}.pricing-card .hero-cta{width:100%;text-align:center}.signup-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.signup-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:2.5rem;width:100%;max-width:460px}.signup-card h2{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.signup-card .subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.signup-card form{display:flex;flex-direction:column;gap:.8rem}.signup-card label{display:block;font-size:.82rem;font-weight:600;color:var(--text-muted);margin-bottom:.25rem}.signup-card input,.signup-card select{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.7rem .9rem;border-radius:var(--radius);font-size:.92rem;outline:none;transition:border-color .2s}.signup-card input:focus,.signup-card select:focus{border-color:var(--accent)}.slug-row{display:flex;align-items:center;gap:.25rem}.slug-row input{flex:1}.slug-suffix{font-size:.8rem;color:var(--text-muted);white-space:nowrap}.plan-note{font-size:.78rem;color:var(--text-muted);margin-top:-.4rem}.error-msg{color:var(--danger);font-size:.85rem}.signup-card .hero-cta{width:100%;margin-top:.5rem;padding:.75rem;font-size:.95rem}.signup-card .hero-cta:disabled{opacity:.6;cursor:not-allowed}.result-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.result-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:3rem;text-align:center;max-width:520px;width:100%}.result-icon{font-size:3rem;margin-bottom:1rem}.result-card h2{font-size:1.5rem;margin-bottom:.75rem}.result-card p{color:var(--text-muted);font-size:.95rem;margin-bottom:1.5rem}.key-form-inline{display:flex;flex-direction:column;gap:.75rem;text-align:left;margin-top:1.5rem}.key-form-inline label{font-size:.82rem;font-weight:600;color:var(--text-muted)}.key-form-inline input{width:100%;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:.7rem .9rem;border-radius:var(--radius);font-size:.92rem;outline:none}.key-form-inline input:focus{border-color:var(--accent)}.client-footer{text-align:center;padding:2rem;color:var(--text-muted);font-size:.8rem;border-top:1px solid var(--border);margin-top:auto}
