:root{font-family:"Segoe UI Variable Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#172033;background:#fff;font-synthesis:none}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(420px,1.05fr) minmax(480px,.95fr)}.login-story{position:relative;display:flex;overflow:hidden;flex-direction:column;padding:38px clamp(38px,6vw,86px);color:#fff;background:#111827}.login-story:before{position:absolute;inset:0;content:"";opacity:.28;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(135deg,#000,transparent 75%)}.login-brand{position:relative;z-index:2;display:flex;align-items:center;gap:11px;width:max-content}.brand-mark{display:grid;width:39px;height:39px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#8c7bf3,#6552dc);box-shadow:0 9px 25px #4937c966;font-weight:800}.login-brand strong,.brand-caption{display:block}.login-brand strong{font-size:17px}.brand-caption{color:#9099ab;font-size:10px;font-weight:700;letter-spacing:.18em}.story-copy{position:relative;z-index:2;width:min(560px,100%);margin:auto 0}.story-label{display:block;margin-bottom:20px;color:#a99cf5;font-size:11px;font-weight:800;letter-spacing:.14em}.story-copy h1{max-width:520px;margin:0 0 22px;font-family:"Segoe UI Variable Display","Segoe UI",sans-serif;font-size:clamp(42px,5vw,68px);font-weight:720;line-height:1.02;letter-spacing:-.045em}.story-copy>p{max-width:510px;margin:0;color:#aeb6c6;font-size:16px;line-height:1.7}.quote-card{max-width:490px;margin-top:60px;padding:20px;border:1px solid #ffffff14;border-radius:14px;background:#ffffff0a;backdrop-filter:blur(10px)}.quote-card>p{margin:0 0 17px;color:#e2e6ed;font-size:14px;line-height:1.6}.quote-person{display:flex;align-items:center;gap:11px}.quote-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#fff;background:#6c5ce7;font-size:10px;font-weight:750}.quote-person strong,.quote-person span span{display:block}.quote-person strong{font-size:12px}.quote-person span span{color:#7f899d;font-size:10px}.story-decoration span{position:absolute;border-radius:50%;filter:blur(1px)}.decoration-one{right:-140px;bottom:-180px;width:440px;height:440px;background:#6c5ce72c}.decoration-two{right:40px;bottom:80px;width:160px;height:160px;border:1px solid #ffffff0e}.login-form-side{display:grid;place-items:center;padding:50px;background:#f7f8fc}.login-card{width:min(410px,100%)}.mobile-brand{display:none}.login-heading{margin-bottom:28px}.eyebrow{margin:0 0 9px;color:#6c5ce7;font-size:11px;font-weight:800;letter-spacing:.13em}.login-heading h2{margin:0 0 8px;font-family:"Segoe UI Variable Display","Segoe UI",sans-serif;font-size:30px;line-height:1.2;letter-spacing:-.025em}.login-heading>p{margin:0;color:#788297;font-size:14px}.error-message{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px;padding:11px 13px;border:1px solid #f3cbd0;border-radius:9px;color:#b93244;background:#fff3f4;font-size:12px}.error-message:has(p:empty),.error-message[data-message=""]{display:none}.error-message>span{display:grid;flex:none;width:18px;height:18px;place-items:center;border-radius:50%;color:#fff;background:#df5365;font-size:10px;font-weight:800}.error-message p{margin:0}.field{display:block;margin-bottom:17px}.field>span,.field-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#333c4d;font-size:12px;font-weight:700}.field-label a{color:#6c5ce7;font-size:11px;font-weight:650}.input-wrap{display:flex;height:48px;align-items:center;border:1px solid #dfe3eb;border-radius:10px;background:#fff;transition:.18s}.input-wrap:focus-within{border-color:#7969e8;box-shadow:0 0 0 3px #6c5ce713}.input-icon{display:grid;width:43px;place-items:center;color:#98a1b1;font-size:13px}.input-wrap input{min-width:0;flex:1;height:100%;padding:0 12px 0 0;border:0;outline:0;color:#172033;background:transparent;font-size:14px}.input-wrap input::placeholder{color:#a8afbc}.password-toggle{height:32px;margin-right:7px;padding:0 8px;border:0;border-radius:6px;color:#6c5ce7;background:transparent;font-size:11px;font-weight:700}.remember{display:flex;align-items:center;gap:8px;margin:4px 0 21px;color:#626d80;font-size:12px}.remember input{width:15px;height:15px;accent-color:#6c5ce7}.sign-in-button{display:flex;width:100%;height:48px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:10px;color:#fff;background:#6c5ce7;box-shadow:0 10px 24px #6c5ce733;font-weight:700;transition:.18s}.sign-in-button:hover{background:#5948d1;transform:translateY(-1px)}.sign-in-button:disabled{opacity:.65;cursor:wait}.demo-box{position:relative;margin-top:22px;padding:14px 15px;border:1px dashed #d9d5f7;border-radius:10px;background:#f0edff}.demo-box strong{display:block;margin-bottom:5px;color:#5547b8;font-size:11px}.demo-box p{margin:2px 0;color:#687287;font-size:11px}.demo-box button{position:absolute;right:11px;bottom:11px;padding:5px 8px;border:0;border-radius:6px;color:#5d4cc8;background:#fff;font-size:10px;font-weight:700}.login-footer;margin-top:24px}.login-footer{margin:24px 0 0;color:#8992a3;text-align:center;font-size:11px}
@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-story{display:none}.login-form-side{min-height:100vh;padding:32px 22px}.mobile-brand{position:absolute;top:28px;left:28px;display:flex;align-items:center;gap:10px}.mobile-brand .brand-mark{width:33px;height:33px;border-radius:10px}.mobile-brand strong{font-size:14px}.login-card{margin-top:55px}}
:root{--origin:#cf470c}.brand-mark{background:linear-gradient(135deg,#e05b20,#b83806);box-shadow:0 9px 25px #cf470c55}.eyebrow,.field-label a,.password-toggle{color:var(--origin)}.input-wrap:focus-within{border-color:var(--origin);box-shadow:0 0 0 3px #cf470c14}.remember input{accent-color:var(--origin)}.sign-in-button{background:var(--origin);box-shadow:0 10px 24px #cf470c33}.sign-in-button:hover{background:#a83909}.demo-box{border-color:#f1c8b7;background:#fff2ec}.demo-box strong,.demo-box button{color:#a83909}
body,button,input{font-family:"Inter","Segoe UI",Arial,sans-serif;font-optical-sizing:auto;letter-spacing:-.006em}.story-copy h1,.login-heading h2{font-family:"Inter","Segoe UI",Arial,sans-serif;font-weight:700}.story-copy h1{letter-spacing:-.05em}.login-heading h2{font-size:29px;letter-spacing:-.035em}.field>span,.field-label{font-size:12px;font-weight:600}.input-wrap input{font-size:13px}.sign-in-button{font-size:13px;font-weight:650}.login-heading>p{font-size:13px;line-height:1.55}