.cf-login-shell{min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;background:#f7f7fc;color:#15182e;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.cf-login-shell *{box-sizing:border-box}.cf-orb{position:absolute;pointer-events:none;filter:blur(80px);opacity:.48}.cf-orb-a{height:400px;width:400px;background:#d9d2ff;top:-200px;right:-100px}.cf-orb-b{height:340px;width:340px;background:#e9d8ff;bottom:-220px;left:-130px}.cf-login-layout{z-index:1;display:grid;grid-template-columns:1.06fr 1fr;width:min(1120px,calc(100% - 64px));min-height:min(740px,calc(100dvh - 80px));margin:40px auto;background:#fff;border:1px solid #ececf5;border-radius:28px;box-shadow:0 25px 85px rgba(40,33,104,.09)}.cf-brand-panel,.cf-login-layout{position:relative;overflow:hidden}.cf-brand-panel{background:radial-gradient(circle at 95% 5%,rgba(166,135,255,.4),transparent 36%),linear-gradient(145deg,#292166,#4732a7 60%,#6549c9);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.cf-brand-panel:after{content:"";position:absolute;right:-115px;bottom:35px;width:340px;height:340px;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025);pointer-events:none}.cf-brand-logo{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-1px;position:relative;z-index:1}.cf-brand-logo-light{font-weight:400}.cf-brand-mark{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#a997ff,#fff);color:#4b33b4;font-size:25px;box-shadow:0 6px 20px #21155733}.cf-brand-main{position:relative;z-index:1}.cf-eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#ded7ff;display:flex;align-items:center;gap:10px}.cf-live-dot{width:7px;height:7px;border-radius:50%;background:#86f6d0;box-shadow:0 0 0 4px #86f6d022}.cf-brand-main h1{font-size:clamp(32px,3.5vw,49px);line-height:1.14;letter-spacing:-2px;margin:22px 0 20px;font-weight:800}.cf-brand-main h1 em{font-style:normal;color:#c6b9ff}.cf-brand-main>p{color:#e3dcff;max-width:385px;line-height:1.8;font-size:14px}.cf-feature-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:35px}.cf-feature{display:flex;gap:11px;align-items:center;background:#ffffff12;border:1px solid #ffffff24;padding:15px 12px;border-radius:15px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cf-feature-icon{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:10px;background:#ffffff22;font-size:19px}.cf-feature small,.cf-feature strong{display:block}.cf-feature strong{font-size:12px}.cf-feature small{font-size:10px;color:#dcd5ff;margin-top:5px}.cf-brand-footer{display:flex;justify-content:space-between;font-size:11px;color:#d6ccff;position:relative;z-index:1}.cf-form-panel{padding:55px 58px 28px;display:flex;flex-direction:column;justify-content:center;position:relative}.cf-form-wrap{width:100%;max-width:400px;margin:auto}.cf-form-tag{display:inline-block;color:#6249c9;background:#f0ecff;border-radius:100px;padding:9px 12px;font-size:10px;font-weight:800;letter-spacing:1px}.cf-form-wrap h2{font-size:clamp(29px,3vw,38px);letter-spacing:-1.5px;margin:22px 0 10px;line-height:1.2}.cf-waving{font-size:23px}.cf-form-intro{color:#81859c;font-size:14px;line-height:1.7;margin:0 0 33px}.cf-login-form{display:flex;flex-direction:column;gap:10px}.cf-login-form label{font-size:12px;font-weight:750;color:#34364f;margin-top:5px}.cf-input-wrap{display:flex;align-items:center;border:1px solid #e3e3ed;border-radius:12px;background:#fbfbfe;height:52px;transition:border-color .2s,box-shadow .2s}.cf-input-wrap:focus-within{border-color:#755ce2;box-shadow:0 0 0 4px #755ce218}.cf-input-icon{color:#9699b1;width:45px;text-align:center;font-size:18px;flex-shrink:0}.cf-input-wrap input{background:transparent;border:0;outline:0;width:100%;height:100%;font:inherit;font-size:13px;color:#25243b;min-width:0}.cf-input-wrap input::placeholder{color:#a1a3b7}.cf-reveal{background:transparent;color:#6551c4;font-size:12px;font-weight:750;padding:12px}.cf-reveal,.cf-submit{border:0;cursor:pointer}.cf-submit{margin-top:16px;border-radius:12px;background:linear-gradient(110deg,#5e46dc,#7755ea);color:white;font:inherit;font-weight:750;font-size:14px;min-height:52px;display:flex;justify-content:center;align-items:center;gap:15px;box-shadow:0 12px 24px #6650d82d;transition:transform .2s,box-shadow .2s}.cf-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #6650d847}.cf-submit:disabled{opacity:.7;cursor:wait}.cf-spinner{width:16px;height:16px;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:cf-spin .8s linear infinite}@keyframes cf-spin{to{transform:rotate(1turn)}}.cf-error{color:#b42335;background:#fff1f2;border:1px solid #fecdd3;padding:11px 12px;border-radius:10px;font-size:12px;line-height:1.5;margin:6px 0}.cf-notice{margin-top:34px;display:flex;gap:12px;background:#f8f7fd;border:1px solid #eeebfa;border-radius:13px;padding:15px;color:#7868c3}.cf-notice>span{font-size:20px;line-height:1.2}.cf-notice p{font-size:11px;line-height:1.8;margin:0;color:#7c7f96}.cf-notice strong{color:#484467;font-size:12px}.cf-form-footer{text-align:center;font-size:11px;color:#a4a5b5;margin:30px 0 0}.cf-mobile-brand{display:none}@media(max-width:900px){.cf-login-layout{grid-template-columns:.9fr 1fr;width:calc(100% - 32px);margin:16px auto;min-height:calc(100dvh - 32px)}.cf-brand-panel{padding:32px}.cf-form-panel{padding:38px 30px 25px}.cf-feature-grid{grid-template-columns:1fr}.cf-brand-main h1{font-size:35px}}@media(max-width:680px){.cf-login-shell{background:#fff}.cf-login-layout{display:block;min-height:100dvh;width:100%;margin:0;border:0;border-radius:0;box-shadow:none}.cf-brand-panel{display:none}.cf-form-panel{min-height:100dvh;padding:30px 25px 24px;justify-content:space-between}.cf-mobile-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.8px;color:#33287e}.cf-mobile-brand .cf-brand-mark{width:35px;height:35px;font-size:22px}.cf-form-wrap{margin:auto;width:100%;padding:45px 0}.cf-form-wrap h2{font-size:34px}.cf-form-footer{margin:0}.cf-notice{margin-top:28px}}@media(prefers-reduced-motion:reduce){.cf-input-wrap,.cf-submit{transition:none}.cf-spinner{animation:none}}