:root{--red:#a4000b;--red2:#d7192d;--ink:#17171b;--muted:#6f7078;--line:#e5e5e9;--canvas:#f4f4f6;--shadow:0 24px 70px rgba(31,24,27,.13)}
*{box-sizing:border-box}html{min-height:100%;background:var(--canvas);-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;margin:0;color:var(--ink);background:var(--canvas);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.auth-shell{min-height:100vh;min-height:100dvh;display:grid}.brand-panel{display:none}.form-panel{min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;flex-direction:column}.mobile-brand,.brand-lockup{display:flex;align-items:center;gap:10px}.brand-logo{width:45px;height:45px;padding:5px;display:grid;place-items:center;border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(32,25,28,.1)}.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.mobile-brand strong,.mobile-brand small,.brand-lockup strong,.brand-lockup small{display:block}.mobile-brand strong,.brand-lockup strong{font-size:17px;letter-spacing:.08em}.mobile-brand small,.brand-lockup small{margin-top:2px;color:var(--red2);font-size:11px;font-weight:850;letter-spacing:.18em}.login-card{width:100%;max-width:430px;margin:auto;padding:31px 0 24px}.welcome-icon{width:52px;height:52px;margin-bottom:25px;display:grid;place-items:center;border-radius:17px;color:#fff;background:linear-gradient(145deg,var(--red),var(--red2));font-size:20px;font-weight:900;box-shadow:0 13px 28px rgba(164,0,11,.25)}.eyebrow{display:block;margin-bottom:10px;color:var(--red2);font-size:10px;font-weight:900;letter-spacing:.18em}.login-card h2{margin:0;font-size:clamp(28px,8vw,37px);line-height:1.08;letter-spacing:-.04em}.intro{margin:11px 0 28px;color:var(--muted);font-size:14px}.alert{margin:0 0 18px;padding:12px 13px;display:flex;align-items:flex-start;gap:9px;border:1px solid;border-radius:13px;font-size:13px}.alert span{width:19px;height:19px;display:grid;flex:0 0 19px;place-items:center;border-radius:50%;font-weight:900}.alert-error{color:#8e111d;background:#fff2f3;border-color:#ffd2d6}.alert-error span{color:#fff;background:#c91b2c}.alert-success{color:#17663c;background:#effbf4;border-color:#ccefdc}.alert-success span{color:#fff;background:#238557}.field{margin-bottom:18px}.field label{display:block;margin:0 0 8px;font-size:12px;font-weight:800}.control{position:relative}.control input{width:100%;height:54px;padding:0 49px;border:1px solid #d9d9df;border-radius:16px;background:#fff;color:var(--ink);font:inherit;font-size:15px;outline:0;transition:border-color .18s,box-shadow .18s,background .18s}.control input::placeholder{color:#a5a5ad}.control input:focus{border-color:var(--red2);box-shadow:0 0 0 4px rgba(215,25,45,.11)}.field-icon{position:absolute;z-index:1;left:18px;top:50%;transform:translateY(-50%);color:#b7b7bd;font-size:12px}.field-icon.lock{font-size:11px}.password-toggle{position:absolute;right:7px;top:7px;width:40px;height:40px;padding:0;border:0;border-radius:12px;color:#777982;background:transparent;font-size:17px;cursor:pointer}.password-toggle:hover,.password-toggle:focus-visible{background:#f1f1f4;outline:0}.submit-button{width:100%;min-height:55px;margin-top:8px;padding:0 15px 0 21px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--red),var(--red2));font:inherit;font-size:13px;font-weight:850;letter-spacing:.025em;box-shadow:0 14px 30px rgba(164,0,11,.23);cursor:pointer;transition:transform .16s,box-shadow .16s,opacity .16s}.submit-button:hover{transform:translateY(-1px);box-shadow:0 17px 34px rgba(164,0,11,.28)}.submit-button:active{transform:scale(.985)}.submit-button:disabled{opacity:.75;cursor:wait}.button-arrow{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.16);font-size:19px}.submit-button.loading .button-arrow{animation:pulse 1s infinite}.security-note{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:7px;color:#8c8d94;font-size:11px}.security-note span{color:#258455;font-weight:900}.form-panel footer{text-align:center;color:#a0a0a7;font-size:10px}.form-panel footer span{margin:0 5px}@keyframes pulse{50%{opacity:.35}}@media(min-width:760px){.form-panel{padding-inline:clamp(48px,8vw,110px)}.login-card{padding:42px;border-radius:28px;background:#fff;box-shadow:var(--shadow)}.mobile-brand{margin-bottom:24px}}
@media(min-width:1050px){.auth-shell{grid-template-columns:minmax(0,1.08fr) minmax(480px,.92fr)}.brand-panel{position:relative;min-height:100dvh;padding:clamp(38px,5vw,74px);display:flex;flex-direction:column;overflow:hidden;color:#fff;background:linear-gradient(150deg,#121216 0%,#1d1719 55%,#350308 100%)}.brand-panel:before,.brand-panel:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.brand-panel:before{width:560px;height:560px;right:-270px;top:-170px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 85px rgba(255,255,255,.025),0 0 0 175px rgba(255,255,255,.018)}.brand-panel:after{width:300px;height:300px;left:-160px;bottom:-150px;background:rgba(215,25,45,.16)}.brand-lockup,.brand-copy,.feature-row,.brand-foot{position:relative;z-index:1}.brand-lockup .brand-logo{background:rgba(255,255,255,.96)}.brand-lockup small{color:#ff5b69}.brand-copy{max-width:680px;margin:auto 0}.brand-copy .eyebrow{color:#ff7b86}.brand-copy h1{margin:0;font-size:clamp(44px,5vw,73px);line-height:.98;letter-spacing:-.055em}.brand-copy h1 em{color:#ff4353;font-style:normal}.brand-copy p{max-width:590px;margin:24px 0 0;color:#c9c5c7;font-size:clamp(15px,1.4vw,19px);line-height:1.65}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:auto}.feature-row article{min-height:98px;padding:16px;display:flex;align-items:flex-start;gap:11px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.055);backdrop-filter:blur(12px)}.feature-row article>span{width:28px;height:28px;display:grid;flex:0 0 28px;place-items:center;border-radius:9px;color:#fff;background:var(--red2);font-size:12px;font-weight:900}.feature-row strong,.feature-row small{display:block}.feature-row strong{font-size:12px}.feature-row small{margin-top:5px;color:#aaa5a8;font-size:10px;line-height:1.4}.brand-foot{margin:22px 0 0;color:#787477;font-size:10px;letter-spacing:.04em}.brand-foot span{margin:0 7px}.form-panel{background:#f7f7f8}.mobile-brand{display:none}.login-card{padding:0;background:transparent;box-shadow:none}.form-panel footer{margin-top:0}}
@media(max-width:380px){.form-panel{padding-inline:17px}.login-card{padding-top:24px}.welcome-icon{margin-bottom:20px}.login-card h2{font-size:27px}.control input{height:51px}.submit-button{min-height:52px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}