*{box-sizing:border-box;margin:0;padding:0}body{font-family:"DM Sans",sans-serif;color:#17202b;background:#f7f9fb}a{text-decoration:none;color:inherit}.login-page{min-height:100vh;display:grid;grid-template-columns:52% 48%}.login-brand{background:#17202b;color:white;padding:38px 7%;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-brand:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;background:#c58a3412;right:-250px;bottom:-260px}.login-brand:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid #ffffff0d;right:100px;top:170px}.brand{display:flex;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;letter-spacing:-1.2px;position:relative;z-index:2}.brand>span:last-child>span{color:#d5a253}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#fff;color:#17202b;font-family:Manrope;font-size:19px;box-shadow:0 5px 16px #0002}.brand-content{position:relative;z-index:2;max-width:620px;margin:auto 0;padding:45px 0 55px}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:800;color:#d5a253;margin-bottom:18px}.dot{width:7px;height:7px;border-radius:50%;background:#d5a253;box-shadow:0 0 0 5px #d5a25316}.brand-content h1{font:800 clamp(42px,5vw,66px)/1.04 Manrope,sans-serif;letter-spacing:-3px}.brand-content h1 em{font-style:normal;color:#d5a253}.brand-content>p{max-width:500px;color:#aeb7c2;font-size:16px;margin:22px 0 35px}.mini-dashboard{width:min(510px,100%);background:#202b37;border:1px solid #ffffff10;border-radius:15px;padding:16px;box-shadow:0 25px 60px #0003;transform:rotate(-2deg)}.mini-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #ffffff0d}.mini-logo{font:700 9px Manrope;display:flex;gap:6px;align-items:center}.mini-logo b{display:grid;place-items:center;width:19px;height:19px;border-radius:5px;background:#d5a253;color:#17202b}.mini-avatar{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#53606e;font-size:8px}.mini-title{font:700 14px Manrope;margin:15px 0 10px}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-cards div{background:#273440;border:1px solid #ffffff08;border-radius:8px;padding:10px}.mini-cards small{display:block;color:#8e9aa7;font-size:7px}.mini-cards b{display:block;font:800 17px Manrope;margin-top:4px}.mini-line{height:65px;display:flex;align-items:end;gap:10px;padding:10px 5px 0}.mini-line span{flex:1;border-radius:4px 4px 0 0;background:#65717e;height:30%}.mini-line span:nth-child(2){height:52%}.mini-line span:nth-child(3){height:43%}.mini-line span:nth-child(4){height:68%}.mini-line span:nth-child(5){height:59%}.mini-line span:nth-child(6){height:85%;background:#c58a34}.brand-footer{position:relative;z-index:2;color:#707d8a;font-size:9px;margin-top:auto}.login-panel{display:flex;align-items:center;justify-content:center;padding:45px;background:#f7f9fb}.login-card{width:100%;max-width:430px}.mobile-brand{display:none}.heading{margin-bottom:32px}.welcome{font-size:10px;letter-spacing:2px;color:#b87920;font-weight:800}.heading h2{font:800 38px Manrope;letter-spacing:-1.8px;margin:7px 0}.heading p{font-size:14px;color:#7a8592}.login-card form{display:grid;gap:9px}.login-card form>label{font-size:12px;font-weight:700;margin-top:5px}.input-wrap{height:48px;border:1px solid #dfe4e9;border-radius:8px;background:white;display:flex;align-items:center;gap:10px;padding:0 13px;transition:.2s}.input-wrap:focus-within{border-color:#c58a34;box-shadow:0 0 0 3px #c58a3412}.input-wrap>span{font-size:12px;color:#9aa3ad;width:17px;text-align:center}.input-wrap input{border:0;outline:0;flex:1;min-width:0;font:13px "DM Sans";color:#17202b;background:transparent}.input-wrap input::placeholder{color:#a9b0b8}.input-wrap button{border:0;background:transparent;color:#b87920;font-size:10px;font-weight:700;cursor:pointer}.form-options{display:flex;justify-content:space-between;align-items:center;margin:8px 0 13px;font-size:10px}.remember{display:flex;align-items:center;gap:6px;color:#687482;cursor:pointer}.remember input{accent-color:#c58a34}.form-options>a{color:#b87920;font-weight:700}.submit{height:48px;border:0;border-radius:8px;background:#c58a34;color:white;font:700 12px "DM Sans";letter-spacing:.2px;cursor:pointer;box-shadow:0 10px 24px #c58a342b;transition:.2s}.submit:hover{transform:translateY(-1px);box-shadow:0 13px 28px #c58a3438}.submit span{font-size:18px;margin-left:10px}.divider{display:flex;align-items:center;gap:12px;margin:25px 0;color:#a1a9b2;font-size:10px}.divider:before,.divider:after{content:"";height:1px;background:#e3e7eb;flex:1}.signup{text-align:center}.signup p{font-size:11px;color:#7d8792;margin-bottom:7px}.signup a{font-size:12px;color:#b87920;font-weight:800}.secure{margin-top:34px;background:#f0f5f2;border:1px solid #dcebe2;border-radius:9px;padding:11px 13px;display:flex;gap:9px;align-items:center}.secure>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#dff0e6;color:#31845a;font-size:11px}.secure b{display:block;font-size:10px}.secure small{display:block;color:#8b959f;font-size:8px;margin-top:1px}@media(max-width:850px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:30px 22px}.mobile-brand{display:block;margin-bottom:65px}.mobile-brand .brand-mark{background:#17202b;color:#fff}.login-card{max-width:450px}}@media(max-width:500px){.mobile-brand{margin-bottom:45px}.heading h2{font-size:34px}.login-panel{padding:25px 18px}.form-options{font-size:9px}}