body[data-rolf-entry="true"]{
  background:
    radial-gradient(circle at 18% 8%,rgba(57,230,189,.13),transparent 30%),
    radial-gradient(circle at 82% 18%,rgba(90,217,255,.09),transparent 26%),
    #08111f;
}
body[data-rolf-entry="true"] .operator-header .brand small{font-size:0}
body[data-rolf-entry="true"] .operator-header .brand small::after{content:"AI LEADER FÜR ROLF";font-size:6px}
body[data-rolf-entry="true"] .intro{padding-top:clamp(48px,8vw,92px);padding-bottom:28px;background:none;text-align:center}
body[data-rolf-entry="true"] .intro h1{max-width:900px;margin:18px auto;font-size:clamp(42px,7vw,82px)}
body[data-rolf-entry="true"] .intro p{max-width:720px;margin-inline:auto;color:#b0c3c8;font-size:clamp(13px,1.45vw,17px)}
body[data-rolf-entry="true"] .login-card{max-width:820px;margin-bottom:100px;padding:clamp(24px,4vw,42px);border-color:rgba(57,230,189,.2);box-shadow:0 28px 80px rgba(0,0,0,.25),0 0 70px rgba(57,230,189,.05)}
body[data-rolf-entry="true"] .login-card h2{font-size:clamp(28px,3vw,38px)}
body[data-rolf-entry="true"] .login-card>div>p{font-size:13px;color:#a3b7bd}
body[data-rolf-entry="true"] .login-card label{font-size:10px}
body[data-rolf-entry="true"] .login-card input{height:54px;font-size:16px}
body[data-rolf-entry="true"] .login-card form>button{height:56px;font-size:15px}
.rolf-entry-back{display:inline-flex;margin-top:8px;color:#8debd7;font-size:10px;font-weight:850;text-decoration:none}
.rolf-entry-back:hover{color:#fff}
body[data-rolf-guided="true"] .ai-leader__browser>summary{font-size:14px;color:#d4f5ee}
body[data-rolf-guided="true"] [data-ai-leader-pair]{min-height:48px;padding:0 16px;border:0;border-radius:11px;background:var(--mint);color:#03211d;font-weight:950;cursor:pointer}
body[data-rolf-guided="true"] [data-ai-leader-browser-state]{display:block;padding:12px 14px;border:1px solid rgba(90,217,255,.2);border-radius:11px;background:rgba(90,217,255,.06);color:#cdeff5}
.rolf-local-setup{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.65fr);gap:16px;align-items:center;margin:0 0 22px;padding:18px;border:1px solid rgba(57,230,189,.24);border-radius:18px;background:linear-gradient(135deg,rgba(57,230,189,.09),rgba(90,217,255,.04))}
.rolf-local-setup>div>span{font-size:9px;font-weight:950;letter-spacing:.13em;color:#63e9d0}.rolf-local-setup h3{margin:6px 0 8px;font-size:20px}.rolf-local-setup p,.rolf-local-setup>small{margin:0;color:#a7bdc3;font-size:11px;line-height:1.65}.rolf-local-setup>small{grid-column:1/-1}.rolf-local-setup>a{display:flex;gap:12px;align-items:center;min-height:72px;padding:12px 14px;border:1px solid rgba(57,230,189,.28);border-radius:14px;background:#39e6bd;color:#03251e;text-decoration:none;box-shadow:0 12px 32px rgba(57,230,189,.12)}.rolf-local-setup>a>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#062b25;color:#8affdf}.rolf-local-setup>a>span{display:grid;gap:3px;flex:1}.rolf-local-setup>a strong{font-size:13px}.rolf-local-setup>a small{font-size:9px;line-height:1.4}.rolf-local-setup>a>i{font-size:22px;font-style:normal}.rolf-local-setup>a:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:700px){
  body[data-rolf-entry="true"] .intro{padding:44px 18px 22px}
  body[data-rolf-entry="true"] .intro h1{font-size:42px}
  body[data-rolf-entry="true"] .login-card{margin:0 12px 60px;padding:23px;gap:18px}
  body[data-rolf-entry="true"] .login-card>div>p{font-size:12px}
  .rolf-local-setup{grid-template-columns:1fr;padding:15px}.rolf-local-setup>small{grid-column:auto}.rolf-local-setup>a{min-height:78px}
}
