:root{--bg:#0a0d12;--bg-2:#0e131a;--panel:#131a23;--panel-2:#171f2a;--elev:#1c2530;--border:#232c39;--text:#e7edf4;--muted:#8d99a8;--faint:#5b6675;--accent:#3b82f6;--accent-soft:#16263f;--ok:#2ea043;--radius:10px;--radius-sm:7px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.muted{color:var(--muted)}.spacer{flex:1}.land-shell{flex-direction:column;height:100%;display:flex}.land-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 28px;display:flex}.land-logo-mark{background:var(--accent-soft);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.btn-login{color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:var(--radius-sm);background:var(--accent-soft);padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .12s,background .12s}.btn-login:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 18%, transparent)}.land-hero{flex:1;justify-content:center;align-items:center;padding:0 32px;display:flex}.land-hero-content{text-align:center;max-width:480px}.land-title{letter-spacing:-.8px;color:var(--text);margin:0 0 14px;font-size:36px;font-weight:700;line-height:1.1}@media (width<=480px){.land-title{letter-spacing:-.5px;font-size:26px}.land-hero{align-items:flex-start;padding:60px 20px 0}.land-hero-content{text-align:left}.land-footer-row{align-items:flex-start}}.land-desc{color:var(--muted);margin:0 0 28px;font-size:16px;line-height:1.65}.land-footer-row{flex-direction:column;align-items:center;gap:10px;display:flex}.land-about-label{color:var(--faint);font-size:12px}.land-about-btn{color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:var(--radius-sm);background:var(--accent-soft);align-items:center;padding:7px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .12s,background .12s;display:inline-flex}.land-about-btn:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 18%, transparent)}.portal-main{flex:1;justify-content:center;align-items:center;padding:0 32px;display:flex}.dash-shell{flex-direction:column;height:100%;display:flex}.dash-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 28px;display:flex}.dash-brand{color:var(--text);letter-spacing:-.2px;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.dash-content{flex:1;padding:36px 32px;overflow-y:auto}.dash-section-label{letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin:0 0 16px;font-size:11px;font-weight:600}.service-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.service-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:20px;text-decoration:none;transition:background .12s,border-color .12s;display:block}.service-card:hover{background:var(--panel-2);border-color:var(--accent)}.service-card-icon{background:var(--accent-soft);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--accent);justify-content:center;align-items:center;margin-bottom:14px;display:flex}.service-card-name{margin:0 0 4px;font-size:15px;font-weight:600}.service-card-desc{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.service-card-status{color:var(--muted);align-items:center;gap:5px;margin-top:14px;font-size:11px;display:inline-flex}.dot{background:var(--faint);border-radius:50%;flex-shrink:0;width:6px;height:6px}.dot-live{background:var(--ok)}