:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#16223a;color:#fff;font:1rem system-ui,sans-serif}.landing-card{width:min(100%,430px);text-align:center}.landing-card>img{object-fit:contain}.landing-card h1{font-size:clamp(2.15rem,7vw,3rem);font-weight:700;letter-spacing:-.055em;margin:10px 0 0}.landing-card h1 span{color:#e69a49}.subtitle{margin:8px 0 34px;color:#b9c8de;font-size:1.08rem}.role-switch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:5px;border:1px solid #526580;border-radius:15px;background:#21314b}.role-switch legend{width:100%;margin:0 0 12px;padding:0;color:#e0e8f5;text-align:center;font-size:1.08rem;font-weight:650}.role-option{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:60px;padding:10px 6px;border-radius:10px;color:#c5d1e2;font-weight:700;white-space:nowrap;cursor:pointer}.role-option:has(input:checked){background:#e69a49;color:#172238}.role-option:has(input:focus-visible){outline:3px solid #fff;outline-offset:3px}.role-option input{position:absolute;width:1px;height:1px;opacity:0}.role-option svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.landing-card button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;margin-top:18px;border:0;border-radius:10px;background:#e69a49;color:#172238;font:700 1.05rem system-ui,sans-serif;cursor:pointer}.landing-card button:hover{background:#f4ad5d}.landing-card button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:390px){.role-option{font-size:.92rem;gap:6px}.role-option svg{width:19px;height:19px}}

.role-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.role-option{min-width:0}
@media(max-width:420px){.role-option{padding:12px 4px;gap:6px;font-size:1rem}}