/* Startseite / Registrierung / Betreiber-Konsole (Cloud-Betrieb) */
body.portal{background:var(--bg);min-height:100vh}
.pwrap{max-width:1080px;margin:0 auto;padding:0 16px}
.phead{background:var(--surface);border-bottom:1px solid var(--line);padding:12px 0;position:sticky;top:0;z-index:5}
.pbrand{font:800 20px var(--f-display);color:var(--accent);letter-spacing:.01em}
.phero{padding:56px 0 32px}
.phero h1{font:800 clamp(30px,5vw,48px)/1.08 var(--f-display);margin:0 0 14px;max-width:820px}
.phero h1 span{color:var(--accent)}
.phero .lead{font-size:18px;max-width:720px;color:var(--ink);margin:0 0 20px;line-height:1.5}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:40px}
.pgrid h3{margin:0}
#start{padding-bottom:60px}
.slugrow{display:flex;align-items:center;gap:6px}
.slugrow input{flex:1;min-width:0}
.slugbase{font-family:var(--f-mono);color:var(--muted);white-space:nowrap}
.pfoot{border-top:1px solid var(--line);padding:18px 0;background:var(--surface)}
.pfoot a{color:var(--muted)}
.opwrap{max-width:1280px;margin:0 auto;padding:20px 16px}
.optable td{vertical-align:top}
.opstat{display:inline-block;padding:2px 8px;border-radius:999px;font:600 12px var(--f-display)}
.opstat.trial{background:var(--accent-soft);color:var(--accent)}.opstat.active{background:color-mix(in srgb,var(--ok,#2e7d4f) 15%,transparent);color:var(--ok,#2e7d4f)}
.opstat.expired,.opstat.suspended,.opstat.cancelled{background:color-mix(in srgb,var(--bad,#b3261e) 14%,transparent);color:var(--bad,#b3261e)}
.legal{max-width:820px;line-height:1.6}