body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 10% 100%,#632c35,transparent 65%),linear-gradient(135deg,#26252d,#111419);font-family:system-ui,-apple-system,sans-serif;color:#f7f4f3;display:grid;place-items:center;padding:32px;box-sizing:border-box}main.login-shell{width:100%;max-width:1120px;margin:0;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #494047;background:#24232b;border-radius:22px;box-shadow:0 32px 100px #0006;overflow:hidden}.brand-panel{position:relative;min-height:620px;padding:32px;border-radius:13px;overflow:hidden;background:radial-gradient(ellipse at 15% 20%,#b33b43,transparent 60%),linear-gradient(145deg,#74262f,#261d27 70%);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.brand-panel:before,.brand-panel:after{content:"";position:absolute;z-index:-1;width:650px;height:650px;border-radius:45%;border:1px solid #ffffff25;transform:rotate(-30deg);left:-100px;top:190px;background:linear-gradient(100deg,#ffffff05,#ffffff10,transparent)}.brand-panel:after{left:40px;top:265px;background:linear-gradient(125deg,#170f1ecc,#4f233566);transform:rotate(25deg)}.brand-panel img{width:min(100%,310px);height:auto;display:block}.brand-top small{display:inline-block;margin-top:17px;letter-spacing:2.4px;font-size:10px;color:#f4d8dc}.brand-copy{position:relative;padding-bottom:12px}.brand-copy .overline{font-size:11px;letter-spacing:2px;color:#edb8bf}.brand-copy h2{font-size:43px;line-height:1.13;font-weight:550;letter-spacing:-1.8px;margin:18px 0}.brand-copy p{color:#dfcbd0;font-size:15px;line-height:1.8;max-width:330px}.brand-copy .line{height:3px;width:44px;background:#f0525b;margin-top:35px}.login-content{padding:55px 45px 30px;display:flex;flex-direction:column;justify-content:center}.login-content .preview-badge{align-self:flex-start;border:1px solid #59505b;color:#d3c2ca;padding:5px 10px;border-radius:20px;font-size:11px;letter-spacing:1px;text-transform:uppercase}.login-content h1{font-size:37px;letter-spacing:-1.1px;margin:22px 0 8px;font-weight:600}.login-content p{font-size:14px;color:#bdb5c2;line-height:1.7;margin:0 0 25px}.login-content label{font-size:13px;color:#e6dde7;margin:18px 0}.login-content input{background:#35333f;border:1px solid #494451;color:white;padding:15px 14px;border-radius:8px;min-height:52px;margin-top:8px;font-size:15px}.login-content input::placeholder{color:#9b93a4}.login-content input:focus{outline:3px solid #ed464737;border-color:#ef7177}.login-content button{background:#df323d;color:#fff;border-radius:8px;width:100%;padding:15px;margin-top:13px;font-weight:600;font-size:15px;transition:background .2s;min-height:52px}.login-content button:hover{background:#f04751}.login-content .support{border-top:1px solid #48414d;margin-top:28px;padding-top:23px;font-size:12px;color:#b5aebc}.login-content small{color:#b5aebc}.login-content footer{font-size:11px;color:#918998;margin-top:auto;padding-top:30px}.login-content input:-webkit-autofill{-webkit-text-fill-color:#fff;box-shadow:0 0 0 100px #35333f inset}.login-content form{margin:0}@media(max-width:800px){body{padding:16px}main.login-shell{grid-template-columns:1fr;max-width:520px}.brand-panel{min-height:210px;padding:24px}.brand-panel img{width:245px}.brand-copy h2{font-size:26px;margin:20px 0 0;letter-spacing:-.6px}.brand-copy p,.brand-copy .overline,.brand-copy .line,.brand-top small{display:none}.login-content{padding:30px 24px}.login-content h1{font-size:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}