:root{--login-ink:#18211d;--login-muted:#65706a;--login-orange:#e86f2b;--login-orange-dark:#bf4d19;--login-cream:#f7f3e9;--login-line:#e4e2d9}*{box-sizing:border-box}body{margin:0}.login-page{min-height:100dvh;color:var(--login-ink);background:#f7f5ef;grid-template-columns:minmax(420px,1.08fr) minmax(460px,.92fr);display:grid;overflow:hidden}.login-story{isolation:isolate;color:#fffdf7;background:radial-gradient(circle at 15% 18%,#f5914938,#0000 27%),radial-gradient(circle at 83% 80%,#f7be6829,#0000 32%),linear-gradient(145deg,#14251f 0%,#193329 57%,#10221c 100%);flex-direction:column;min-height:100dvh;padding:clamp(34px,5vw,72px);display:flex;position:relative}.login-story:before,.login-story:after{content:"";z-index:-1;border:1px solid #ffffff14;border-radius:999px;position:absolute}.login-story:before{width:520px;height:520px;top:10%;right:-220px}.login-story:after{width:340px;height:340px;top:27%;right:-85px}.login-brand{align-items:center;gap:13px;display:flex}.login-brand-mark{isolation:isolate;background:linear-gradient(145deg, #f8a061, var(--login-orange) 48%, var(--login-orange-dark));color:#fff9ed;border-radius:15px;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 28px #e86f2b3d,inset 0 1px #ffffff59}.login-brand-mark:after,.mobile-login-brand span:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff40;position:absolute;inset:1px}.login-brand-mark svg{z-index:1;filter:drop-shadow(0 2px 2px #69250838);position:relative}.login-brand div{gap:2px;display:grid}.login-brand strong{letter-spacing:.02em;font-size:18px;font-weight:600}.login-brand span:last-child{color:#ffffff7a;letter-spacing:.16em;text-transform:uppercase;font-size:11px}.story-copy{max-width:590px;margin:auto 0 30px;padding-bottom:5vh}.story-kicker{color:#f6bd8b;align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.story-kicker svg{color:#72e0ab;width:18px;height:18px}.story-copy h1{letter-spacing:-.04em;margin:22px 0;font-size:clamp(52px,5.6vw,84px);font-weight:600;line-height:1.04}.story-copy>p:last-child{color:#ffffffa1;max-width:530px;margin:0;font-size:clamp(16px,1.4vw,19px);line-height:1.8}.story-points{color:#ffffff94;border-top:1px solid #ffffff1a;gap:clamp(24px,4vw,54px);padding-top:26px;font-size:13px;display:flex}.story-points span{gap:5px;display:grid}.story-points b{color:#fff;letter-spacing:-.02em;font-size:20px}.floating-push{--push-rotate:-2deg;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(340px,40vw);transform:rotate(var(--push-rotate));background:#ffffff17;border:1px solid #ffffff21;border-radius:18px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px 15px;animation:7s cubic-bezier(.16,1,.3,1) 1s infinite alternate push-float;display:grid;position:absolute;right:clamp(30px,5vw,78px);box-shadow:0 20px 50px #00000029}.floating-push>span{color:#fbd39f;background:#ffffff1c;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.floating-push>span svg{width:23px;height:23px}.floating-push div{gap:4px;display:grid}.floating-push b{font-size:13px}.floating-push small,.floating-push time{color:#ffffff80;font-size:11px}.push-one{top:20%}.push-two{--push-rotate:2deg;opacity:.72;animation-delay:1.9s;top:calc(20% + 90px);right:clamp(55px,8vw,118px)}.login-panel{place-items:center;min-height:100dvh;padding:40px clamp(30px,6vw,88px);display:grid;position:relative}.login-panel:before{content:"";opacity:.32;pointer-events:none;background-image:radial-gradient(#d7d7ce .65px,#0000 .65px);background-size:22px 22px;position:absolute;inset:0}.login-card{width:100%;max-width:460px;padding:8px 0;position:relative}.mobile-login-brand{display:none}.login-card h2{letter-spacing:-.04em;margin:0;font-size:clamp(38px,4vw,50px);font-weight:600;line-height:1.08}.login-intro{color:var(--login-muted);margin:16px 0 34px;font-size:15px;line-height:1.75}.login-card form{display:grid}.login-card label{margin:0 0 9px;font-size:13px;font-weight:600}.field-wrap{border:1px solid var(--login-line);background:#ffffffd6;border-radius:15px;grid-template-columns:42px 1fr;align-items:center;height:56px;margin-bottom:20px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;box-shadow:0 8px 28px #17211d09}.field-wrap:focus-within{border-color:#ec935f;transform:translateY(-1px);box-shadow:0 0 0 4px #e86f2b1c}.field-wrap>span{color:#7a9087;place-items:center;display:grid}.field-wrap>span svg{width:19px;height:19px}.field-wrap input{outline-offset:-3px;width:100%;min-width:0;height:100%;color:var(--login-ink);font:inherit;background:0 0;border:0;outline:2px solid #0000;font-size:15px}.field-wrap input:focus-visible{outline-color:#ec935f}.field-wrap input::placeholder{color:#afb6b2}.password-field{grid-template-columns:42px 1fr auto}.password-field button{color:#66756e;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;min-width:44px;height:44px;margin-right:6px;padding:0;display:grid}.password-field button svg{width:20px;height:20px}.password-field button:hover{color:var(--login-orange-dark);background:#f2efe8}.login-error{color:#0000;min-height:20px;margin:-7px 0 10px;font-size:13px}.login-error.visible{color:#bf3e28}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#eb7835,#d95c21);border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;height:58px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 14px 32px #d95c2138}.login-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 38px #d95c2147}.login-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 9px 22px #d95c2133}.login-submit:disabled{cursor:not-allowed;opacity:.62}.login-submit svg{width:19px;height:19px;transition:transform .2s cubic-bezier(.16,1,.3,1)}.login-submit:hover:not(:disabled) svg{transform:translate(3px)}.login-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-help{background:#eff7eeb3;border:1px solid #dfe8df;border-radius:14px;align-items:flex-start;gap:11px;margin-top:22px;padding:15px 16px;display:flex}.login-help>span{color:#fff;background:#3c9866;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.login-help>span svg{width:15px;height:15px}.login-help p{gap:4px;margin:0;display:grid}.login-help strong{font-size:13px}.login-help small{color:#718078;font-size:11px;line-height:1.5}.login-card footer{color:#8b948f;justify-content:center;align-items:center;gap:8px;margin-top:26px;font-size:11px;display:flex}.login-card footer svg{color:#55a978;width:16px;height:16px}@keyframes push-float{0%{transform:rotate(var(--push-rotate)) translate3d(0, 0, 0)}to{transform:rotate(var(--push-rotate)) translate3d(-8px, -12px, 0)}}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{background:radial-gradient(circle at 50% 0,#ee8b4d21,#0000 38%),#f7f5ef;padding:28px 24px}.mobile-login-brand{align-items:center;gap:9px;margin-bottom:clamp(54px,10vh,92px);font-size:15px;font-weight:600;display:flex}.mobile-login-brand span{isolation:isolate;background:linear-gradient(145deg, #f8a061, var(--login-orange) 48%, var(--login-orange-dark));color:#fff9ed;border-radius:12px;place-items:center;width:39px;height:39px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #e86f2b33}.mobile-login-brand span svg{z-index:1;position:relative}.login-card{max-width:430px}}@media (width<=480px){.login-panel{padding:max(22px, env(safe-area-inset-top)) 20px max(30px, env(safe-area-inset-bottom));place-items:start center}.mobile-login-brand{margin-bottom:56px}.login-card h2{font-size:40px}.login-intro{margin-bottom:28px}.field-wrap{height:54px}.field-wrap input{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}