.luktwel-login{color:#10194d;background:radial-gradient(circle at 18% 12%,#e7f9f1,#0000 32%),radial-gradient(circle at 85% 20%,#ece9ff,#0000 35%),#f8f9ff;min-height:100vh;padding:28px max(20px,5vw)}.luktwel-login header{justify-content:space-between;align-items:center;max-width:1080px;margin:auto;display:flex}.luktwel-login header>a:last-child{color:#68708c;font-weight:750;text-decoration:none}.login-brand{letter-spacing:-1.5px;color:#10194d;font-size:29px;font-weight:900;text-decoration:none}.login-brand b{color:#24ad79}.login-card{text-align:center;background:#fff;border:1px solid #e5e7f0;border-radius:30px;max-width:600px;margin:7vh auto 0;padding:clamp(28px,5vw,52px);box-shadow:0 28px 80px #151d5417}.login-icon{color:#635bdf;background:#ece9ff;border-radius:22px;place-items:center;width:68px;height:68px;margin:auto;display:grid}.login-child .login-icon{color:#d88228;background:#fff0dc}.login-icon svg{width:33px;height:33px}.login-kicker{color:#16815b;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:13px;font-weight:850;display:flex}.login-kicker svg{width:17px}.login-card h1{letter-spacing:-1.6px;margin:13px 0;font-size:clamp(30px,5vw,46px);line-height:1.08}.login-card>p{color:#626b86;margin:0;font-size:17px;line-height:1.6}.login-card form{flex-direction:column;align-items:stretch;gap:18px;margin-top:28px;display:flex}.login-card label{text-align:left;gap:7px;display:grid}.login-card label>span{font-size:14px;font-weight:800}.login-card input{min-height:50px;font-size:16px}.login-card form>button[data-slot=button]{border-radius:14px;min-height:50px}.login-card [data-slot=input-otp]{justify-content:center}.login-card [data-slot=input-otp-slot]{width:48px;height:54px;font-size:21px;font-weight:850}.login-back{color:#635bdf;background:0 0;border:0;justify-content:center;gap:6px;font-weight:750;display:flex}.login-back svg{width:17px}.login-assurance{color:#68708c;justify-content:center;align-items:center;gap:7px;margin-top:20px;font-size:13px;display:flex}.login-assurance svg{width:16px}.login-error{color:#a1323c;background:#fff0f1;border-radius:12px;margin-top:18px;padding:12px;font-size:14px;font-weight:700}.pending-device{background:#f7f8fc;border-radius:18px;flex-direction:column;align-items:center;gap:8px;margin-top:25px;padding:22px;display:flex}.pending-device svg{color:#635bdf}.pending-device small{color:#68708c}@media (max-width:620px){.luktwel-login{padding:20px 15px}.login-card{margin-top:5vh;padding:29px 20px}.login-card [data-slot=input-otp-slot]{width:42px;height:50px}}.legal-small-link{text-align:center;margin:14px 0 0;font-size:12px}.legal-small-link a{color:#557884;text-decoration:underline}.role-choice-card{max-width:760px}.role-choice-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:30px;display:grid}.role-choice{text-align:left;color:#10194d;cursor:pointer;background:#fff;border:2px solid #e4e6ef;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-height:154px;padding:22px;transition:all .18s;display:grid;box-shadow:0 8px 24px #0000}:is(.role-choice:hover,.role-choice:focus-visible){border-color:#6b5ce7;transform:translateY(-2px);box-shadow:0 14px 32px #40369f18}.role-choice-icon{border-radius:18px;place-items:center;width:56px;height:56px;display:grid}.role-child .role-choice-icon{color:#d67b1e;background:#fff0dc}.role-parent .role-choice-icon{color:#137657;background:#ddf7ed}.role-choice-icon svg{width:29px}.role-choice>span:nth-child(2){gap:3px;display:grid}.role-choice small{letter-spacing:.08em;color:#747b92;font-size:11px;font-weight:850}.role-choice strong{font-size:28px;line-height:1}.role-choice em{color:#68708c;font-size:13px;font-style:normal}.role-choice>svg{color:#635bdf;width:22px}.login-signout{color:#5e6680;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:24px auto 0;font-weight:750;display:flex}.login-signout svg{width:17px}.role-choice:disabled,.login-signout:disabled{opacity:.6;cursor:wait}@media (max-width:620px){.role-choice-grid{grid-template-columns:1fr}.role-choice{min-height:118px;padding:18px}.role-choice-card{margin-top:3vh}.role-choice strong{font-size:25px}}
