:root{--ink:#191a1d;--muted:#74777d;--line:#dddfe3;--blue:#315fde;--surface:#f4f4f2;--sans:Inter,"SF Pro Text","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--surface);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}.login-shell{display:grid;width:min(1660px,calc(100% - 48px));min-height:calc(100vh - 48px);margin:24px auto;grid-template-columns:minmax(430px,47%) minmax(560px,53%);overflow:visible;background:#fff}.login-panel{display:flex;min-height:calc(100vh - 48px);flex-direction:column;padding:42px clamp(44px,6vw,104px) 30px}.brand{display:flex;gap:11px;align-items:center;width:max-content;color:inherit;text-decoration:none;font-size:19px;font-weight:750;letter-spacing:-.035em}.brand img{width:31px;height:31px}.login-card{width:100%;max-width:430px;margin:auto}.login-card header{text-align:left}.login-card header>p{margin:0 0 13px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.15em}.login-card h1{margin:0;font-size:36px;line-height:1.1;letter-spacing:-.045em}.login-card header>span{display:block;margin:12px 0 28px;color:var(--muted);font-size:15px;line-height:1.55}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider{display:flex;min-height:50px;align-items:center;justify-content:center;gap:9px;padding:0 12px;border:1px solid #d7d9dd;border-radius:10px;background:#fff;color:var(--ink);font:650 13px/1.2 var(--sans);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.provider:hover{border-color:#aeb3ba;background:#fafafa;transform:translateY(-1px)}.provider:focus-visible,.submit:focus-visible,.back-button:focus-visible,input:focus-visible{outline:3px solid #315fde30;outline-offset:2px}.provider svg{width:18px;height:18px;flex:none}.divider{display:flex;align-items:center;gap:14px;margin:24px 0;color:#92959a;font-size:12px}.divider:before,.divider:after{height:1px;flex:1;background:var(--line);content:""}form>label,.password-label label{display:block;margin:0 0 8px;font-size:13px;font-weight:700}.password-label{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.password-label a{margin-bottom:8px;color:#555a62;font-size:12px;text-underline-offset:3px}input[type=email],input[type=password],input[type=text]{width:100%;height:50px;padding:0 14px;border:1px solid #d3d6db;border-radius:10px;outline:0;background:#fff;color:var(--ink);font:14px var(--sans);transition:border-color .2s,box-shadow .2s}input::placeholder{color:#a0a3a8}input:focus{border-color:#7f9ae9;box-shadow:0 0 0 4px #315fde12}.password-field{position:relative}.password-field input{padding-right:62px}.password-field button{position:absolute;top:0;right:8px;height:50px;border:0;background:none;color:#666b72;font:700 12px var(--sans);cursor:pointer}.remember{display:flex!important;gap:9px;align-items:center;margin:16px 0 18px!important;color:#62666d;font-size:13px;font-weight:500!important}.remember input{width:15px;height:15px;margin:0;accent-color:var(--blue)}.submit{width:100%;height:50px;border:0;border-radius:10px;background:#1e1f22;color:#fff;font:700 14px var(--sans);cursor:pointer;transition:background .2s,transform .2s}.submit:hover{background:#34363b;transform:translateY(-1px)}.form-status{min-height:18px;margin:9px 0 0;color:#b42318;font-size:12px;text-align:center}.form-status.success{color:#18794e}.signup{margin:13px 0 0;color:var(--muted);font-size:13px;text-align:center}.signup a{color:var(--ink);font-weight:700;text-underline-offset:3px}.login-panel footer{display:flex;gap:20px;align-items:center;color:#858990;font-size:11px}.login-panel footer a{color:inherit;text-decoration:none}.login-panel footer a:hover{text-decoration:underline}.login-panel footer span{margin-right:auto}.story-panel{position:relative;min-height:calc(100vh - 80px);margin:16px 16px 16px 0;overflow:hidden;border-radius:108px 28px 28px 70px;background:#25272b;color:#fff;isolation:isolate}.story-panel>img{width:100%;height:100%;object-fit:cover;object-position:center 42%}.story-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(12,14,18,.08) 58%,rgba(12,14,18,.76) 100%)}.back-button{position:absolute;z-index:4;top:20px;left:20px;display:grid;width:72px;height:72px;place-items:center;border:1px solid #d9dbde;border-radius:50%;background:#fff;color:#777b81;box-shadow:0 8px 30px #17191d12;transform:translate(-50%,-50%);transition:color .2s,transform .2s}.back-button:hover{color:#1d1f23;transform:translate(-50%,-50%) scale(1.03)}.back-button svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.story-quote{position:absolute;z-index:2;right:24px;bottom:24px;left:24px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:end;padding:22px 24px;border:1px solid #ffffff70;border-radius:20px;background:#11141938;backdrop-filter:blur(13px)}.story-quote blockquote{max-width:680px;margin:0;font-size:18px;font-weight:650;line-height:1.4;letter-spacing:-.02em}.story-quote div{min-width:150px}.story-quote strong,.story-quote span{display:block}.story-quote strong{font-size:13px}.story-quote span{margin-top:5px;color:#ffffffbd;font-size:12px}@media(max-width:1100px){.login-shell{grid-template-columns:minmax(390px,48%) minmax(470px,52%)}.login-panel{padding-right:42px;padding-left:42px}.provider-grid{grid-template-columns:1fr}.story-quote{grid-template-columns:1fr}.story-quote div{min-width:0}}@media(max-width:820px){body{background:#fff}.login-shell{display:block;width:100%;min-height:100vh;margin:0}.login-panel{min-height:100vh;padding:26px 24px}.login-card{margin:64px auto}.story-panel{display:none}.login-panel footer{flex-wrap:wrap}}@media(max-width:520px){.login-panel{padding:22px 20px}.brand{font-size:18px}.login-card{margin:50px auto}.login-card h1{font-size:32px}.login-card header>span{font-size:14px}.login-panel footer span{width:100%}}@media(max-height:760px) and (min-width:821px){.login-panel{padding-top:24px;padding-bottom:20px}.login-card{transform:scale(.92)}.story-panel{min-height:calc(100vh - 56px);margin-top:4px;margin-bottom:4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.provider,.submit,.back-button{transition:none}}