:root{--seo-bg:#050914;--seo-card:rgba(15,23,42,.78);--seo-line:rgba(148,163,184,.15);--seo-text:#e5edf8;--seo-muted:#94a3b8;--seo-blue:#3b82f6;--seo-cyan:#22d3ee;--seo-green:#34d399;--seo-amber:#f59e0b;--seo-red:#fb7185}
.seo-page{min-height:70vh;background:radial-gradient(circle at 15% 0,rgba(37,99,235,.16),transparent 35%),radial-gradient(circle at 90% 20%,rgba(34,211,238,.08),transparent 28%),#050914;color:var(--seo-text);padding:clamp(36px,6vw,76px) 18px}
.seo-shell{width:min(1180px,100%);margin:0 auto}.seo-hero{padding:clamp(26px,5vw,54px);border:1px solid var(--seo-line);border-radius:30px;background:linear-gradient(145deg,rgba(15,23,42,.94),rgba(8,15,30,.82));box-shadow:0 28px 80px rgba(0,0,0,.28);position:relative;overflow:hidden}.seo-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-100px;background:rgba(59,130,246,.12);filter:blur(2px)}
.seo-kicker{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(96,165,250,.25);background:rgba(37,99,235,.12);color:#bfdbfe;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.seo-hero h1{position:relative;z-index:1;font-size:clamp(2rem,5vw,4rem);line-height:1.03;letter-spacing:-.05em;margin:18px 0 14px;color:#fff;max-width:920px}.seo-hero p{position:relative;z-index:1;color:#aebed2;line-height:1.75;font-size:clamp(1rem,1.8vw,1.15rem);max-width:850px;margin:0}.seo-breadcrumb{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;color:#7f91aa;font-size:13px}.seo-breadcrumb a{color:#93c5fd}.seo-breadcrumb span{opacity:.55}
.seo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:22px}.seo-card{grid-column:span 4;border:1px solid var(--seo-line);background:var(--seo-card);border-radius:22px;padding:22px;transition:.22s ease;min-width:0}.seo-card:hover{transform:translateY(-3px);border-color:rgba(96,165,250,.35);box-shadow:0 18px 45px rgba(0,0,0,.2)}.seo-card h2,.seo-card h3{margin:10px 0;color:#fff;letter-spacing:-.025em}.seo-card p{color:var(--seo-muted);line-height:1.65;margin:0}.seo-card a{color:#fff}.seo-card .seo-meta{font-size:12px;color:#7c90ab;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.seo-card .seo-link{display:inline-flex;margin-top:16px;color:#93c5fd;font-weight:800;font-size:14px}.seo-card-featured{grid-column:span 6}.seo-card-wide{grid-column:span 12}
.seo-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;margin-top:24px}.seo-article{border:1px solid var(--seo-line);background:rgba(11,18,32,.82);border-radius:26px;padding:clamp(22px,4vw,44px);min-width:0}.seo-article h2{font-size:clamp(1.35rem,2.5vw,2rem);margin:34px 0 12px;color:#fff;letter-spacing:-.035em}.seo-article h3{font-size:1.2rem;margin:28px 0 10px;color:#dbeafe}.seo-article p,.seo-article li{font-size:1.03rem;line-height:1.82;color:#b8c5d6}.seo-article ul,.seo-article ol{padding-left:1.3rem}.seo-article a{color:#7dd3fc;text-decoration:underline;text-decoration-color:rgba(125,211,252,.35);text-underline-offset:3px}.seo-article strong{color:#f8fafc}.seo-sidebar{display:flex;flex-direction:column;gap:16px}.seo-sidebox{border:1px solid var(--seo-line);background:rgba(15,23,42,.74);border-radius:20px;padding:18px;position:sticky;top:100px}.seo-sidebox h3{margin:0 0 10px;color:#fff}.seo-sidebox a{display:block;padding:9px 0;border-bottom:1px solid rgba(148,163,184,.09);color:#a9c7ee;font-size:14px}.seo-sidebox a:last-child{border:0}.seo-auto-link{color:#7dd3fc!important;text-decoration:underline!important;text-decoration-color:rgba(125,211,252,.35)!important}
.seo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.seo-stat{border:1px solid var(--seo-line);background:rgba(15,23,42,.72);border-radius:18px;padding:19px}.seo-stat strong{display:block;font-size:clamp(1.5rem,4vw,2.4rem);color:white}.seo-stat span{color:#8192aa;font-size:13px}.seo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.seo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:13px;border:1px solid rgba(96,165,250,.25);background:#2563eb;color:#fff!important;font-weight:850;text-decoration:none!important;cursor:pointer}.seo-btn.secondary{background:rgba(30,41,59,.72);color:#cbd5e1!important}.seo-btn.green{background:#059669}.seo-btn.red{background:#be123c}
.seo-form{border:1px solid var(--seo-line);background:rgba(15,23,42,.75);border-radius:22px;padding:22px}.seo-form label{display:block;color:#cbd5e1;font-size:13px;font-weight:800;margin:14px 0 7px}.seo-form input,.seo-form textarea,.seo-form select{width:100%;border:1px solid rgba(148,163,184,.18);background:#07101e;color:#e2e8f0;border-radius:12px;padding:12px 13px;outline:none}.seo-form textarea{min-height:130px;resize:vertical}.seo-form input:focus,.seo-form textarea:focus,.seo-form select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.seo-status-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid rgba(148,163,184,.11)}.seo-status-row:last-child{border:0}.seo-dot{width:11px;height:11px;border-radius:50%;background:#34d399;box-shadow:0 0 16px rgba(52,211,153,.5)}.seo-dot.down{background:#fb7185;box-shadow:0 0 16px rgba(251,113,133,.5)}.seo-dot.unknown{background:#94a3b8;box-shadow:none}.seo-status-row strong{color:#fff;flex:1}.seo-status-row small{color:#8192aa}
.seo-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}.seo-roadmap-col{border:1px solid var(--seo-line);background:rgba(15,23,42,.55);border-radius:22px;padding:16px}.seo-roadmap-col>h2{font-size:16px;color:#fff;margin:0 0 14px}.seo-road-item{background:#0b1424;border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:15px;margin-bottom:11px}.seo-road-item h3{font-size:15px;margin:0 0 7px;color:#f8fafc}.seo-road-item p{font-size:13px;color:#93a4ba;line-height:1.55}.seo-vote{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:#93c5fd;font-weight:800;font-size:12px}.seo-vote button{border:1px solid rgba(96,165,250,.25);background:rgba(37,99,235,.12);color:#bfdbfe;padding:7px 9px;border-radius:10px;cursor:pointer}
.seo-stars{color:#fbbf24;letter-spacing:2px}.seo-review{grid-column:span 6}.seo-review blockquote{margin:12px 0;color:#cbd5e1;line-height:1.75}.seo-review footer{color:#7890ad;font-size:13px}.seo-table-wrap{overflow:auto;border:1px solid var(--seo-line);border-radius:18px;margin-top:20px}.seo-table{width:100%;border-collapse:collapse;min-width:720px}.seo-table th,.seo-table td{padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.1);text-align:left}.seo-table th{color:#9fb0c6;font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:rgba(15,23,42,.82)}.seo-table td{color:#cbd5e1}.seo-table tr:last-child td{border-bottom:0}.seo-good{color:#6ee7b7}.seo-bad{color:#fda4af}.seo-warn{color:#fcd34d}
.seo-config-step{display:none}.seo-config-step.active{display:block}.seo-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}.seo-choice{border:1px solid rgba(148,163,184,.16);background:#091223;border-radius:16px;padding:16px;cursor:pointer}.seo-choice input{width:auto;margin-right:8px}.seo-result{border:1px solid rgba(52,211,153,.25);background:rgba(5,150,105,.08);border-radius:20px;padding:22px;margin-top:18px}.seo-metric{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(148,163,184,.1)}.seo-metric:last-child{border:0}.seo-bar{height:9px;background:#111c2e;border-radius:999px;overflow:hidden}.seo-bar>span{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#22d3ee);border-radius:inherit}
@media(max-width:900px){.seo-card,.seo-card-featured,.seo-review{grid-column:span 6}.seo-content-layout{grid-template-columns:1fr}.seo-sidebox{position:static}.seo-stats{grid-template-columns:repeat(2,1fr)}.seo-roadmap{grid-template-columns:1fr}}
@media(max-width:620px){.seo-page{padding-inline:12px}.seo-card,.seo-card-featured,.seo-review{grid-column:span 12}.seo-stats{grid-template-columns:1fr 1fr}.seo-hero{border-radius:22px}.seo-choice-grid{grid-template-columns:1fr}.seo-metric{grid-template-columns:1fr}.seo-roadmap{grid-template-columns:1fr}}