#kaf-auth-modal .is-hidden,#kaf-auth-modal [hidden]{display:none!important}#kaf-auth-modal{padding:18px;background:#0b1024b8;backdrop-filter:blur(16px)}#kaf-auth-modal .kaf-auth-box{width:min(860px,96vw);min-height:520px;padding:0;display:grid;grid-template-columns:330px 1fr;overflow:hidden;border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));border-radius:32px;background:var(--surface);box-shadow:0 40px 110px #05081555;transform:translateY(18px) scale(.97);transition:.35s}#kaf-auth-modal.show .kaf-auth-box{transform:none}#kaf-auth-modal aside{position:relative;padding:52px 35px;color:#fff;background:linear-gradient(150deg,#241b64,var(--brand) 55%,#12a99a);overflow:hidden}#kaf-auth-modal aside .auth-glow{position:absolute;width:220px;height:220px;left:-80px;bottom:-80px;border-radius:50%;background:#5fffe055;filter:blur(35px)}#kaf-auth-modal aside>*{position:relative}#kaf-auth-modal aside b{display:block;font-size:25px;margin:24px 0 8px}#kaf-auth-modal aside p{line-height:1.9;color:#ffffffc4}#kaf-auth-modal aside ul{padding:0;list-style:none;margin-top:32px}#kaf-auth-modal aside li{margin:13px 0}#kaf-auth-modal aside li:before{content:'✓';display:inline-grid;place-items:center;width:22px;height:22px;margin-left:8px;border-radius:50%;background:#ffffff20}.auth-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:#ffffff19;border:1px solid #ffffff35}.auth-icon svg{width:38px;fill:none;stroke:#fff;stroke-width:1.8}.kaf-auth-content{position:relative;padding:45px 50px;align-self:center}.kaf-auth-close{top:18px!important;left:18px!important;z-index:4;width:38px!important;height:38px!important;border-radius:50%!important;background:var(--surface-soft)!important;color:var(--text)!important}.auth-steps{display:flex;align-items:center;width:95px;margin-bottom:30px}.auth-steps i{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--surface-soft);color:var(--muted);font-style:normal;font-size:11px;transition:.3s}.auth-steps i.active{color:#fff;background:var(--brand);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 12%,transparent)}.auth-steps span{width:38px;height:2px;background:var(--line)}.kaf-auth-content h2{font-size:30px;margin:8px 0}.kaf-auth-content p{color:var(--muted);line-height:1.8}.auth-field{display:block;margin:25px 0 14px}.auth-field>span{display:block;font-size:12px;font-weight:800;margin-bottom:7px}.auth-field input{width:100%;box-sizing:border-box;height:58px;padding:0 17px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft);color:var(--text);font-size:18px;outline:none;transition:.2s}.auth-field input:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 11%,transparent);background:var(--surface)}.kaf-auth-content .kaf-btn{width:100%;height:56px;border-radius:16px;display:flex;justify-content:center;align-items:center;gap:10px}.kaf-otp{display:flex;justify-content:center;gap:10px;margin:24px 0}.kaf-otp input{width:54px;height:62px;padding:0;text-align:center;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft);color:var(--text);font-size:26px;font-weight:900;outline:none;transition:.2s}.kaf-otp input:focus{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 9px 24px color-mix(in srgb,var(--brand) 16%,transparent)}.auth-secondary{display:flex;justify-content:space-between;margin-top:17px}.auth-secondary button{border:0;background:none;color:var(--brand);font:inherit;font-size:12px;cursor:pointer}.auth-secondary button:disabled{color:var(--muted);cursor:not-allowed}.kaf-auth-error{display:none;margin-top:14px;padding:10px 12px;border-radius:11px;background:#fff0f0;color:#c83838;font-size:12px}.has-error .kaf-auth-error{display:block}.busy .kaf-auth-content:after{content:'';position:absolute;inset:0;background:color-mix(in srgb,var(--surface) 65%,transparent);backdrop-filter:blur(2px)}
@media(max-width:720px){#kaf-auth-modal .kaf-auth-box{display:block;min-height:0;max-height:92vh;overflow:auto}#kaf-auth-modal aside{padding:23px 25px}#kaf-auth-modal aside p,#kaf-auth-modal aside ul{display:none}#kaf-auth-modal aside b{display:inline-block;font-size:17px;margin:0 12px}.auth-icon{display:inline-grid;width:42px;height:42px;border-radius:13px;vertical-align:middle}.auth-icon svg{width:25px}.kaf-auth-content{padding:32px 24px}.kaf-auth-content h2{font-size:25px}.kaf-otp{gap:6px}.kaf-otp input{width:45px;height:56px}.kaf-auth-close{background:#ffffff20!important;color:#fff!important}}
