:root{--blue:#0877F9;--green:#159447;--navy:#101A44;--muted:#667085;--border:#E5EAF2}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:linear-gradient(180deg,#f9fcff,#eef6fb);color:var(--navy);min-height:100vh;padding:24px}.auth{max-width:480px;margin:4vh auto;background:#fff;border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 8px 24px rgba(15,35,70,.08)}.logo{width:300px;max-width:100%;display:block;margin:0 auto 18px}h1{font-size:28px;margin:8px 0}p{color:var(--muted)}form{display:grid;gap:14px;margin-top:22px}label{display:grid;gap:6px;font-weight:700}input{padding:14px 15px;border:1px solid var(--border);border-radius:14px;font:inherit;outline:none}input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0877f917}.btn{border:0;border-radius:14px;padding:15px;font-weight:800;font-size:17px;text-decoration:none;text-align:center;cursor:pointer}.primary{background:var(--blue);color:#fff}.secondary{background:#eaf8ef;color:var(--green)}.links{display:grid;gap:10px;margin-top:14px}.msg{padding:12px 14px;border-radius:12px;background:#eaf8ef;color:#126b38}.err{padding:12px 14px;border-radius:12px;background:#fdebec;color:#a61f1f}.back{display:inline-block;margin-top:16px;color:var(--blue);text-decoration:none;font-weight:700}.hint{font-size:13px}
.role-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.role-option{display:block!important}.role-option input{position:absolute;opacity:0;pointer-events:none}.role-option span{display:grid;gap:3px;border:1.5px solid #e5eaf2;border-radius:14px;padding:13px;background:#fff;cursor:pointer}.role-option input:checked+span{border-color:#0877f9;background:#edf6ff;box-shadow:0 0 0 3px rgba(8,119,249,.08)}.role-option b{color:#101a44}.role-option small{color:#667085;font-weight:500}@media(max-width:430px){.role-picker{grid-template-columns:1fr}}