html,body,#root{min-height:100%;margin:0}body{min-width:320px}.ksalol-auth-page{box-sizing:border-box;color:#fff;background:radial-gradient(700px 420px at 50% 30%,#1e3a8a42,#0000 70%),radial-gradient(1200px 700px at 50% -10%,#0a1530 0%,#07091a 45%,#05060f 100%);place-items:center;min-height:100svh;padding:24px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid;position:relative;overflow:hidden}.ksalol-auth-vignette{pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000 25%,#02030a8c 100%);position:absolute;inset:0}.ksalol-auth-orb{pointer-events:none;filter:blur(80px);opacity:.7;border-radius:50%;position:absolute}.ksalol-auth-orb-one{background:radial-gradient(circle,#1e3a8aa6,#0000 65%);width:520px;height:520px;animation:16s ease-in-out infinite auth-drift-one;top:-18%;left:-10%}.ksalol-auth-orb-two{background:radial-gradient(circle,#1b2a6abf,#0000 65%);width:460px;height:460px;animation:20s ease-in-out infinite auth-drift-two;bottom:-18%;right:-8%}.ksalol-auth-pills{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ksalol-auth-pills span{--pill-x:calc((var(--pill-index) * 19%) - 55%);width:70px;height:24px;left:calc(7% + (var(--pill-index) * 8%));top:calc(5% + (var(--pill-index) * 7.5%));opacity:.24;transform:rotate(calc((var(--pill-index) * 31deg) - 80deg));animation:auth-pill-float calc(10s + (var(--pill-index) * .6s)) ease-in-out infinite alternate;background:linear-gradient(90deg,#1e3a8abf 49%,#05060fb3 50%,#3b82f6a6 51%);border:1px solid #60a5fa40;border-radius:999px;position:absolute;box-shadow:0 0 28px #3b82f63d,inset 0 1px #ffffff24}.ksalol-auth-modal{z-index:2;box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#10121eed,#090b14f7) padding-box padding-box,linear-gradient(155deg,#3b82f6b3,#ffffff14 42%,#1e3a8ab3) border-box;border:1px solid #0000;border-radius:28px;width:calc(100vw - 48px);max-width:430px;padding:30px;animation:.55s cubic-bezier(.2,.8,.2,1) auth-reveal;position:relative;overflow:hidden;box-shadow:0 50px 100px -30px #000000f2,0 0 90px -35px #1e3a8ad9}.ksalol-auth-glare{pointer-events:none;background:radial-gradient(500px at 50% -10%,#ffffff1a,#0000 55%);position:absolute;inset:0}.ksalol-auth-brand{flex-direction:column;align-items:center;gap:13px;margin-bottom:27px;display:flex;position:relative}.ksalol-auth-brand>span{color:#7f8799;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.ksalol-auth-brand>span svg{color:#3b82f6}.ksalol-auth-heading{grid-template-columns:42px 1fr;align-items:start;gap:13px;margin-bottom:22px;display:grid;position:relative}.ksalol-auth-heading h1{color:#fff;letter-spacing:-.02em;margin:0 0 5px;font-size:22px;line-height:1.2}.ksalol-auth-heading p{color:#8b8b96;margin:0;font-size:13px;line-height:1.5}.ksalol-auth-heading>div:last-child{min-width:0}.ksalol-auth-icon{color:#60a5fa;background:#1e3a8a2e;border:1px solid #3b82f659;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 1px #ffffff14}.ksalol-auth-alert,.ksalol-auth-success{box-sizing:border-box;overflow-wrap:anywhere;border-radius:12px;align-items:flex-start;gap:9px;margin:0 0 18px;padding:12px 13px;font-size:12px;line-height:1.45;display:flex;position:relative}.ksalol-auth-alert{color:#f0b8a1;background:#9d2f011f;border:1px solid #d4521f52}.ksalol-auth-success{color:#b9d3ff;background:#1e3a8a26;border:1px solid #3b82f64d}.ksalol-auth-alert svg,.ksalol-auth-success svg{flex:none;margin-top:1px}.ksalol-auth-form{flex-direction:column;display:flex;position:relative}.ksalol-auth-form>label{color:#8b8b96;letter-spacing:.05em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:600}.ksalol-auth-input-wrap{align-items:center;margin-bottom:17px;display:flex;position:relative}.ksalol-auth-input-wrap>svg{z-index:1;color:#6f7482;pointer-events:none;position:absolute;left:14px}.ksalol-auth-input-wrap input{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;outline:none;padding:14px 44px;font-size:15px;transition:all .2s}.ksalol-auth-input-wrap input::placeholder{color:#5f6270}.ksalol-auth-input-wrap input:focus{background:#ffffff0f;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f638}.ksalol-auth-input-wrap input:disabled{cursor:not-allowed;opacity:.55}.ksalol-password-toggle{color:#737887;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;position:absolute;right:8px}.ksalol-password-toggle:hover:not(:disabled),.ksalol-password-toggle:focus-visible{color:#b9d3ff;background:#ffffff0f}.ksalol-auth-link{color:#8eb7ff;font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-end;margin:-4px 0 18px;padding:4px 0;font-size:12px}.ksalol-auth-link:hover,.ksalol-auth-link:focus-visible{color:#fff}.ksalol-auth-submit{color:#fff;width:100%;min-height:48px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-size:14px;font-weight:700;transition:all .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 34px -8px #1e3a8a,inset 0 1px #ffffff38}.ksalol-auth-submit:after{content:"";background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:60%;height:100%;position:absolute;top:0;left:-130%;transform:skew(-20deg)}.ksalol-auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 46px -10px #1e3a8a,inset 0 1px #ffffff40}.ksalol-auth-submit:hover:not(:disabled):after{animation:.9s auth-shimmer}.ksalol-auth-submit:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.ksalol-auth-back{color:#858995;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-self:center;align-items:center;gap:7px;margin-top:15px;padding:7px 9px;font-size:12px;display:inline-flex}.ksalol-auth-back:hover,.ksalol-auth-back:focus-visible{color:#fff;background:#ffffff0d}.ksalol-auth-hint{color:#646875;margin:-6px 0 16px;font-size:11px}.ksalol-auth-footnote{color:#555966;text-align:center;margin:22px 0 0;font-size:11px;position:relative}.ksalol-auth-loading{z-index:2;color:#818695;letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:center;gap:15px;font-size:12px;display:flex;position:relative}.ksalol-auth-loading span{border:2px solid #ffffff14;border-top-color:#3b82f6;border-radius:50%;width:38px;height:38px;animation:.8s linear infinite auth-spin;box-shadow:0 0 24px #3b82f64d}.ksalol-auth-loading p{margin:0}.ksalol-auth-spinner{animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes auth-shimmer{to{left:170%}}@keyframes auth-reveal{0%{opacity:0;transform:translateY(14px)rotateX(-8deg)}to{opacity:1;transform:none}}@keyframes auth-drift-one{0%,to{transform:translate(0)}50%{transform:translate(45px,-32px)}}@keyframes auth-drift-two{0%,to{transform:translate(0)}50%{transform:translate(-55px,34px)}}@keyframes auth-pill-float{0%{translate:0 -18px}to{translate:24px 30px}}@media (width<=520px){.ksalol-auth-page{align-items:start;padding:18px 14px;overflow-y:auto}.ksalol-auth-modal{border-radius:24px;width:calc(100vw - 28px);margin:auto 0;padding:24px 20px}.ksalol-auth-heading{grid-template-columns:38px 1fr}.ksalol-auth-icon{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.ksalol-auth-orb,.ksalol-auth-pills span,.ksalol-auth-modal{animation:none}.ksalol-auth-submit,.ksalol-auth-input-wrap input{transition:none}}