:root{--primary-brand:#5345d5!important;--primary-light:#efedff!important;--primary-glow:rgba(83,69,213,.18)!important;--bg-body:#f5f7fb!important;--radius-card:18px!important;--radius-input:10px!important}
body{background:#f4f6fb!important;overflow-x:hidden!important;overflow-y:auto!important;font-family:'DM Sans',system-ui,sans-serif!important;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:28px 18px!important}
.bg-shapes{background:#f4f6fb!important}.bg-shapes .shape{display:none!important}
.login-container,.register-container{width:min(100%,1120px)!important;max-width:1120px!important;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(400px,1fr);align-items:stretch;gap:0;position:relative;border:1px solid #e0e7f2;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 28px 75px rgba(27,39,72,.13);z-index:5}
.ui-auth-intro{background:linear-gradient(150deg,#19233f 0%,#332e73 72%,#5144b7 100%);color:#fff;padding:54px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:70px;min-height:550px}
.ui-auth-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:#fff;background:#6e62ea;font-size:22px;margin-bottom:32px}
.ui-auth-intro h1{color:#fff;font:800 clamp(29px,3vw,42px)/1.2 'Manrope',sans-serif;letter-spacing:-.055em;max-width:420px}
.ui-auth-intro p{color:#cbd5ef;font-size:14px;line-height:1.8;max-width:410px}
.ui-auth-intro .ui-auth-chips{display:flex;flex-wrap:wrap;gap:8px}.ui-auth-chips span{font-size:11px;font-weight:700;color:#eae8ff;padding:8px 10px;background:#ffffff1b;border:1px solid #ffffff25;border-radius:8px}
.ui-auth-intro small{font-size:11px;color:#aab8dc}
.login-container>.card,.register-container>.card{border:0!important;background:#fff!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;min-width:0;display:flex;justify-content:center}
.login-container>.card{padding:50px clamp(24px,3.8vw,55px)!important}.register-container>.card{padding:40px clamp(24px,3vw,48px)!important}
.logo-circle{height:52px!important;width:52px!important;border-radius:13px!important;background:#f0eeff!important;box-shadow:none!important;margin-bottom:16px!important;color:#5345d5!important}
.login-container .text-center.mb-5,.register-container .text-center.mb-5{margin-bottom:29px!important}
.login-container .text-center.mb-5 h3,.register-container .text-center.mb-5 h3{font:800 26px/1.2 'Manrope',sans-serif!important;letter-spacing:-.04em!important}
.form-label{font-weight:800!important;font-size:11px!important;letter-spacing:.02em!important;color:#596680!important}
.form-control,.form-select{border:1px solid #dfe5f1!important;border-radius:10px!important;background:#fbfcff!important;box-shadow:none!important;min-height:45px;font-size:13px!important}.form-control:focus{border-color:#8b83e5!important;box-shadow:0 0 0 3px rgba(83,69,213,.12)!important}
.login-container .form-control{padding-left:48px!important}
.btn-primary{border:0!important;background:#5345d5!important;border-radius:11px!important;box-shadow:none!important;padding:13px!important;min-height:48px;font-weight:800!important;font-size:13px!important}
.btn-primary:hover{background:#4637bd!important;box-shadow:none!important}
.section-title{border-bottom:1px solid #e9edf4!important;font:800 15px 'Manrope',sans-serif!important}.section-title i{background:#f0eeff!important;color:#5345d5!important}
@media(max-width:850px){.login-container,.register-container{grid-template-columns:1fr!important;max-width:600px!important}.ui-auth-intro{display:none!important}.login-container>.card,.register-container>.card{padding:30px 23px!important}}
@media(max-width:480px){body{padding:11px!important;align-items:flex-start}.login-container,.register-container{border-radius:16px}.login-container>.card,.register-container>.card{padding:25px 18px!important}.login-container .text-center.mb-5,.register-container .text-center.mb-5{margin-bottom:22px!important}}