*{box-sizing:border-box}body{color:#e2e2e2;background:#0f0f13;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}a{color:inherit}.page{min-height:100vh;padding:60px 20px}.page-narrow{max-width:900px;margin:0 auto}.hero-header{text-align:center;margin-bottom:64px}.hero-header h1{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(2rem,5vw,3.2rem)}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;max-width:1100px;margin:0 auto;display:grid}.card{background:#16161e;border:1px solid #1f1f2e;border-radius:16px;padding:28px;text-decoration:none}.card h2{margin:8px 0 10px}.card p{color:#9ca3af;line-height:1.6}.card-icon{font-size:2rem}.tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tag{color:#a78bfa;background:#1f1f2e;border:1px solid #2d2d45;border-radius:999px;padding:4px 12px;font-size:12px}.status{color:#34d399;margin-top:12px;font-size:13px}.server-badge{color:#e2e2e2;text-align:left;cursor:pointer;background:#12121a;border:1px solid #2d2d45;border-radius:12px;padding:10px 14px;position:fixed;top:16px;left:16px}.server-badge-title{color:#6b7280;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.server-badge-row{color:#9ca3af;margin-top:3px;font-size:13px}.server-badge-ip{color:#60a5fa;font-family:ui-monospace,Menlo,monospace}.dot{background:#34d399;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.modal-overlay{z-index:1000;background:#000000b3;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#16161e;border:1px solid #2d2d45;border-radius:16px;width:100%;max-width:360px;padding:24px}.modal-input{color:#e2e2e2;background:#0f0f13;border:1px solid #2d2d45;border-radius:10px;width:100%;margin-top:8px;padding:12px}.modal-error{color:#f87171;min-height:18px;margin-top:8px;font-size:13px}.modal-actions{gap:10px;margin-top:12px;display:flex}.btn-primary,.btn-cancel{cursor:pointer;border:1px solid #2d2d45;border-radius:10px;padding:10px 14px}.btn-primary{color:#0f0f13;background:linear-gradient(135deg,#a78bfa,#60a5fa);border:none;flex:1}.btn-cancel{color:#9ca3af;background:#1f1f2e}.back{color:#9ca3af;margin-bottom:20px;text-decoration:none;display:inline-block}.hero{margin-bottom:28px}.hero h1{background:linear-gradient(135deg,#34d399,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 8px}.hero p{color:#9ca3af}.section{margin-bottom:28px}.section h2{border-bottom:1px solid #1f1f2e;margin-bottom:14px;padding-bottom:8px}.spec-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.spec-item{background:#12121a;border:1px solid #1f1f2e;border-radius:12px;padding:14px}.spec-label{color:#6b7280;text-transform:uppercase;font-size:12px}.spec-value{margin-top:4px}.service-list{gap:10px;display:grid}.service-item{background:#12121a;border:1px solid #1f1f2e;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.service-name{font-weight:600}.service-meta{color:#6b7280;font-size:13px}.badge{border-radius:999px;padding:4px 10px;font-size:12px}.badge-green{color:#34d399;background:#34d3991a;border:1px solid #34d3994d}.badge-yellow{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d}.badge-red{color:#f87171;background:#f871711a;border:1px solid #f871714d}.server-table{border-collapse:collapse;width:100%;font-size:.88rem}.server-table th{text-align:left;color:#6b7280;border-bottom:1px solid #1f1f2e;padding:8px 12px;font-weight:500}.server-table td{color:#9ca3af;border-bottom:1px solid #1a1a28;padding:10px 12px}.server-table td:first-child{color:#e2e2e2;width:40%;font-weight:500}.server-table tr:last-child td{border-bottom:none}.code-block{color:#a5f3fc;white-space:pre;background:#12121a;border:1px solid #1f1f2e;border-radius:10px;padding:16px 20px;font-family:JetBrains Mono,Fira Code,Cascadia Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;line-height:1.7;overflow-x:auto}.markdown{line-height:1.75}.md-body h1{background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:28px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700}.md-body h2{color:#f0f0f0;border-bottom:1px solid #1f1f2e;margin-top:40px;margin-bottom:14px;padding-bottom:8px;font-size:1.1rem;font-weight:600}.md-body h3{color:#d1d5db;margin-top:24px;margin-bottom:10px;font-size:.95rem;font-weight:600}.md-body p{color:#9ca3af;margin-bottom:12px;font-size:.93rem;line-height:1.75}.md-body ul,.md-body ol{margin-bottom:12px;padding-left:20px}.md-body li{color:#9ca3af;font-size:.93rem;line-height:1.75}.md-body li strong,.md-body p strong{color:#e2e2e2;font-weight:600}.md-body a{color:#60a5fa;text-decoration:none}.md-body a:hover{text-decoration:underline}.md-body code{color:#a5f3fc;background:#1a1a28;border-radius:5px;padding:2px 7px;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82em}.md-body pre{background:#12121a;border:1px solid #1f1f2e;border-radius:10px;margin:14px 0;padding:16px 20px;overflow-x:auto}.md-body pre code{color:#a5f3fc;background:0 0;padding:0;font-size:.82rem;line-height:1.7}.md-body table{border-collapse:collapse;width:100%;margin:14px 0;font-size:.88rem}.md-body th{text-align:left;color:#6b7280;border-bottom:1px solid #1f1f2e;padding:8px 12px;font-weight:500}.md-body td{color:#9ca3af;border-bottom:1px solid #1a1a28;padding:9px 12px}.md-body tr:last-child td{border-bottom:none}.md-body td:first-child{color:#e2e2e2;font-weight:500}.md-body hr{border:none;border-top:1px solid #1f1f2e;margin:32px 0}