:root{font-family:'DM Sans',sans-serif;color:#24243a;background:#f7f8fc;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f7f8fc}button,input{font:inherit}.login-shell{min-height:100dvh;display:grid;grid-template-columns:minmax(360px,46%) 1fr}.login-visual{position:relative;overflow:hidden;padding:42px clamp(35px,6vw,86px);color:#fff;background:linear-gradient(145deg,#5d4cdd,#8b7cf1)}.brand,.mobile-brand{position:relative;z-index:2;display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font:800 22px 'Manrope',sans-serif}.brand b,.mobile-brand b{color:#dcd6ff}.brand-mark{width:31px;height:31px;padding:7px;border-radius:10px;display:flex;gap:4px;align-items:end;background:#fff;box-shadow:0 8px 20px rgba(27,17,88,.2)}.brand-mark i{display:block;width:6px;border-radius:4px;background:#6c5ce7}.brand-mark i:first-child{height:10px}.brand-mark i:last-child{height:17px}.visual-copy{position:relative;z-index:2;margin-top:clamp(110px,23vh,230px)}.visual-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;margin-bottom:30px;font-size:28px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 50px rgba(42,28,128,.2)}.visual-copy p{font-size:11px;font-weight:800;letter-spacing:2px;color:#dedaff}.visual-copy h1{margin:13px 0 19px;font:800 clamp(34px,3.7vw,56px)/1.08 'Manrope',sans-serif;letter-spacing:-2.5px}.visual-copy>span:last-child{display:block;max-width:420px;font-size:14px;line-height:1.7;color:#e8e5ff}.visual-orb{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.14)}.visual-orb.one{width:360px;height:360px;right:-160px;top:-90px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}.visual-orb.two{width:240px;height:240px;left:-120px;bottom:-100px;background:rgba(255,255,255,.04)}.login-panel{display:grid;place-items:center;padding:45px;background:radial-gradient(circle at 88% 10%,#eeebff 0,transparent 30%),#f8f9fc}.mobile-brand{display:none;color:#27263a}.auth-card{width:100%;max-width:430px;padding:38px 40px;border:1px solid #e8e8f2;border-radius:24px;background:rgba(255,255,255,.93);box-shadow:0 25px 75px rgba(52,50,91,.1)}.auth-heading>span{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#6c5ce7}.auth-heading h2{margin:10px 0 10px;font:800 28px/1.2 'Manrope',sans-serif;letter-spacing:-.8px}.auth-heading p{margin:0 0 28px;color:#77788d;font-size:13px;line-height:1.6}.auth-field{display:block;margin-top:17px}.auth-field>span{display:block;margin-bottom:7px;font-size:11px;font-weight:700;color:#4b4b61}.auth-field>div{height:50px;padding:0 13px;display:flex;align-items:center;gap:10px;border:1px solid #dedee9;border-radius:12px;background:#fbfbfd;transition:.18s}.auth-field>div:focus-within{border-color:#7667e8;background:#fff;box-shadow:0 0 0 3px rgba(108,92,231,.1)}.auth-field svg{width:18px;fill:none;stroke:#9696aa;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.auth-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#25253a;font-size:14px}.auth-field input::placeholder{color:#acacba}.password-toggle{padding:5px;border:0;background:transparent;color:#6c5ce7;font-size:10px;font-weight:800;cursor:pointer}.remember-row{margin:22px 0;display:grid;grid-template-columns:20px 1fr;gap:0 10px;align-items:center;cursor:pointer}.remember-row input{position:absolute;opacity:0}.checkmark{grid-row:1;width:20px;height:20px;border:1px solid #d4d3e1;border-radius:6px;display:grid;place-items:center;color:transparent;background:#fff;font-size:12px}.remember-row input:checked+.checkmark{color:#fff;border-color:#6c5ce7;background:#6c5ce7}.remember-row>span:last-child{grid-column:2}.remember-row b,.remember-row small{display:block}.remember-row b{font-size:11px}.remember-row small{margin-top:2px;color:#8b8b9d;font-size:9px}.login-button{width:100%;height:52px;padding:0 18px;border:0;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:12px;background:#6c5ce7;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 12px 25px rgba(108,92,231,.25);transition:.18s}.login-button:hover{transform:translateY(-1px);background:#5f4fd8}.login-button:disabled{opacity:.7;cursor:wait;transform:none}.login-button i{font-style:normal;font-size:18px}.security-note{margin:19px 0 0;text-align:center;color:#9292a3;font-size:9px}.security-note span{margin-right:5px;color:#62b99f}.auth-message{margin:0 0 15px;padding:11px 13px;border:1px solid #ffd3d5;border-radius:10px;background:#fff2f3;color:#b53e46;font-size:11px;line-height:1.5}
@media(max-width:800px){html,body{overflow-x:hidden}.login-shell{display:block;min-height:var(--app-visible-height,100dvh);padding:max(28px,env(safe-area-inset-top)) 17px calc(25px + env(safe-area-inset-bottom));background:radial-gradient(circle at 15% 0,#e9e5ff 0,transparent 38%),#f7f8fc}.login-visual{display:none}.login-panel{display:block;width:auto;max-width:none;padding:0;background:none}.mobile-brand{display:flex;margin:0 auto 30px;width:max-content}.auth-card{width:auto;max-width:none;margin:0;padding:28px 22px;overflow:hidden;border-radius:21px}.auth-heading h2{font-size:24px}.auth-field>div{width:100%;height:52px}.auth-field input{font-size:16px}.login-button{height:54px}.keyboard-open .mobile-brand{display:none}.keyboard-open .auth-card{padding-top:20px;padding-bottom:20px}.keyboard-open .auth-heading p{margin-bottom:18px}}
@media(max-width:360px){.auth-card{padding:24px 17px}.auth-heading p{margin-bottom:22px}}