*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#f4f8f5;color:#18212f;min-height:100vh}.shell{min-height:100vh;display:grid;place-items:center;padding:28px}.card{width:min(94vw,560px);background:#fff;border-radius:18px;padding:34px;box-shadow:0 16px 50px rgba(18,38,63,.12)}.logo{display:block;max-width:180px;max-height:80px;margin:0 auto 18px}h1{text-align:center;margin:0 0 4px;font-size:26px}h2{margin:12px 0 18px}.sub{text-align:center;color:#667386;margin:0 0 28px}.chooser{display:grid;gap:14px}.choice{text-align:left;padding:18px;border-radius:12px;border:1px solid #d9e1ea;background:#15803d;color:#fff;cursor:pointer}.choice.secondary{background:#fff;color:#18212f}.choice-title{display:block;font-size:18px;font-weight:750;margin-bottom:4px}.choice span:last-child{font-size:14px;opacity:.9}section{margin-top:16px}label{display:block;font-size:14px;font-weight:650;margin:12px 0 6px}input{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:9px;font-size:16px}button{width:100%;margin-top:16px;padding:12px 14px;border:0;border-radius:9px;background:#15803d;color:white;font-size:16px;font-weight:700;cursor:pointer}button:hover{filter:brightness(.96)}button.back{width:auto;background:transparent;color:#15803d;padding:4px 0;margin:0}.hint{font-size:13px;color:#667386;line-height:1.5}.ok,.err{margin-top:18px;padding:12px;border-radius:9px;font-size:14px}.ok{color:#11683c;background:#e9f7ef}.err{color:#a3221c;background:#fdeeed}


/* v6.4.1 - clearer selected self-service topic */
.chooser{margin-bottom:6px}
.choice{position:relative;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.choice.secondary{background:#fff;color:#18212f;border-color:#d9e1ea}
.choice.secondary:hover{border-color:#86c79d;background:#f6fbf7;transform:translateY(-1px)}
.choice.active{background:#eaf7ee;color:#123c22;border:2px solid #15803d;padding:17px;box-shadow:0 0 0 4px rgba(21,128,61,.08)}
.choice.active:before{content:"";position:absolute;left:-2px;top:10px;bottom:10px;width:5px;border-radius:0 5px 5px 0;background:#15803d}
.choice.active .choice-title{color:#0f6b32}
.active-label{margin-left:8px;padding:3px 8px;border-radius:999px;background:#15803d;color:#fff;font-size:11px;font-weight:700;vertical-align:2px}
.flow-panel{margin-top:22px;padding:20px;border:1px solid #cfe4d6;border-radius:14px;background:#fbfefc;box-shadow:0 8px 24px rgba(21,128,61,.06);animation:flowIn .18s ease-out}
.flow-panel h2{color:#126b34;border-bottom:2px solid #e2f1e7;padding-bottom:10px;margin-top:8px}
.flow-panel button.back{float:right;border:1px solid #b8d9c3;border-radius:8px;padding:6px 10px;background:#fff;color:#126b34;font-size:13px;font-weight:650}
.flow-panel button.back:hover{background:#eef8f1}
.flow-panel section{clear:both}
@keyframes flowIn{from{opacity:.35;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:640px){.card{padding:22px 18px}.choice{padding:15px}.choice.active{padding:14px}.active-label{font-size:10px;margin-left:6px}.flow-panel{padding:16px}.flow-panel button.back{float:none;width:auto;margin-bottom:6px}}