:root {
 color-scheme:dark;
 --group-bg:#0a0b0d;
 --group-panel:#121418;
 --group-line:#2a2e35;
 --group-text:#f6f7f8;
 --group-muted:#a6adb7;
 --group-accent:#f2c94c;
}
html { -webkit-text-size-adjust:100%; }
body {
 background:var(--group-bg);
 color:var(--group-text);
 margin:0;
 font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
}
.group-layout {
 width:min(100% - 32px,760px);
 margin:0 auto;
 padding:22px 0 70px;
}
.group-header {
 display:flex;
 justify-content:space-between;
 align-items:center;
 flex-wrap:wrap;
 gap:16px;
 padding:10px 0 30px;
}
.group-brand {
 color:#fff;
 font-size:17px;
 font-weight:900;
 letter-spacing:.05em;
 text-decoration:none;
}
.group-brand span {
 display:block;
 color:var(--group-accent);
 font-size:11px;
 letter-spacing:.2em;
}
.group-header>a:last-child {
 color:var(--group-muted);
 font-size:13px;
}
.group-hero {
 padding:30px 0 25px;
}
.group-eyebrow {
 color:var(--group-accent);
 font-size:12px;
 font-weight:800;
 letter-spacing:.12em;
}
.group-hero h1 {
 font-size:clamp(34px,7vw,56px);
 line-height:1.08;
 letter-spacing:-.04em;
 margin:15px 0 18px;
 color:#fff;
}
.group-hero p {
 color:var(--group-muted);
 font-size:17px;
 line-height:1.65;
}
.group-hero strong {
 display:inline-block;
 color:var(--group-accent);
 font-size:22px;
 margin:10px 0;
}
.group-card {
 background:var(--group-panel);
 border:1px solid var(--group-line);
 border-radius:20px;
 padding:clamp(20px,4vw,32px);
 margin:20px 0;
}
.group-card h2 {
 color:#fff;
 font-size:clamp(23px,5vw,30px);
 margin:8px 0 15px;
}
.group-card p {
 color:var(--group-muted);
}
.group-card form {
 display:grid;
 gap:18px;
 margin:22px 0 0;
 background:transparent;
 border:0;
 box-shadow:none;
 padding:0;
}
.group-card label {
 display:block;
 color:#f6f7f8;
 font-size:14px;
 font-weight:650;
}
.group-card input:not([type=checkbox]),
.group-card select {
 display:block;
 box-sizing:border-box;
 width:100%;
 min-width:0;
 height:50px;
 margin-top:7px;
 padding:12px 14px;
 background:#181b20;
 border:1px solid #41454d;
 border-radius:10px;
 color:#fff;
 font:inherit;
 font-size:16px;
}
.group-card input:focus,
.group-card select:focus {
 outline:2px solid var(--group-accent);
 outline-offset:2px;
}
.group-card input[type=checkbox] {
 width:20px;
 height:20px;
 flex:0 0 20px;
 accent-color:var(--group-accent);
}
.group-consent {
 display:flex!important;
 align-items:flex-start;
 gap:10px;
 line-height:1.5;
}
.group-button {
 display:block;
 box-sizing:border-box;
 width:100%;
 text-align:center;
 padding:15px 18px;
 border:0;
 border-radius:11px;
 background:var(--group-accent);
 color:#111;
 font:800 16px/1.4 system-ui,sans-serif;
 text-decoration:none;
 cursor:pointer;
 margin-top:12px;
}
.group-secondary {
 background:#25292f;
 color:#fff;
 border:1px solid #41454d;
}
.group-note {
 font-size:13px!important;
 color:var(--group-muted)!important;
}
.group-stats {
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:12px;
 margin:24px 0;
}
.group-stats>div {
 padding:18px;
 background:#181b20;
 border-radius:12px;
}
.group-stats strong {
 display:block;
 font-size:27px;
 color:var(--group-accent);
}
.group-stats span {
 color:var(--group-muted);
 font-size:12px;
}
.group-alert,.group-success {
 border-radius:12px;
 padding:16px;
 margin:15px 0;
}
.group-alert {
 background:#35201f;
 color:#ffaaa3;
}
.group-success {
 background:#173224;
 color:#83e6a5;
}
.group-honeypot {
 position:absolute;
 left:-10000px;
 width:1px;
 height:1px;
 overflow:hidden;
}
.group-footer {
 padding:35px 0;
 text-align:center;
 color:var(--group-muted);
 font-size:13px;
}
.group-footer a { color:var(--group-accent); }
@media(max-width:480px) {
 .group-layout { width:calc(100% - 28px); }
 .group-card { border-radius:16px; }
}