:root{--ink:#070a10;--navy:#0c1b37;--line:#cbd3df;--muted:#68758a;--serif:"Playfair Display",Georgia,serif;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#132038;font-family:var(--sans)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(390px,43%) 1fr}.welcome-panel{min-height:100vh;padding:46px clamp(32px,6vw,100px);color:#fff;display:flex;flex-direction:column;background:radial-gradient(circle at 78% 32%,#234f91 0,#102442 27%,#080d16 72%);position:relative;overflow:hidden}.welcome-panel:after{content:"";position:absolute;right:-180px;bottom:-230px;width:650px;height:650px;border-radius:50%;border:1px solid #adcaed4a;box-shadow:inset 0 0 110px #4a79bb2b}.brand{display:flex;gap:13px;align-items:center;color:#fff;text-decoration:none;position:relative;z-index:1}.brand img{width:70px;height:70px;border-radius:50%;box-shadow:0 0 24px #d1dced66}.brand span{display:grid;line-height:.95;font-size:10px;letter-spacing:.17em}.brand b{font-size:21px;letter-spacing:.22em}.brand em{font:600 16px var(--serif);letter-spacing:0}.welcome-copy{margin:auto 0;position:relative;z-index:1}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:#b4c8e7;margin:0 0 18px}.welcome-copy h1,.auth-card h2,.demo-dashboard h2{font:600 clamp(42px,5vw,69px)/1 var(--serif);letter-spacing:-.055em;margin:0}.welcome-copy h1 i,.demo-dashboard h2 i{color:#d6e2f7}.welcome-copy>p:last-child{font-size:13px;line-height:1.75;color:#b4c0d1;max-width:380px;margin-top:25px}.signature{position:relative;z-index:1;margin:0;font:600 19px var(--serif);color:#dbe5f3}.signature strong{font-style:italic}.auth-panel{min-height:100vh;padding:46px clamp(30px,10vw,150px);position:relative;display:flex;flex-direction:column;justify-content:center}.back{position:absolute;top:48px;color:#56647a;text-decoration:none;font-size:11px;font-weight:700}.auth-card,.demo-dashboard{width:min(460px,100%);margin:auto}.tabs{display:flex;border-bottom:1px solid #d5dbe5;margin-bottom:38px}.tabs button{border:0;background:none;padding:0 0 14px;margin-right:30px;color:#7b8799;font:700 12px var(--sans);cursor:pointer}.tabs .active{color:#132d54;border-bottom:2px solid #183d72}.form-heading h2,.demo-dashboard h2{font-size:39px}.form-heading>p:last-child{font-size:12px;color:#748095;line-height:1.6;margin:15px 0 26px}.role-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:19px}.role-picker button{background:#fff;border:1px solid #d7dce4;color:#5e6a7e;padding:11px 6px;font:700 10px var(--sans);cursor:pointer}.role-picker button span{display:block;color:#92a0b5;font-size:8px;margin-bottom:3px}.role-picker .active{border-color:#1b447c;color:#172f54;box-shadow:inset 2px 0 #1b447c}form{display:grid;gap:15px}label{display:grid;gap:7px;color:#536176;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}input{width:100%;border:1px solid #d5dbe4;background:white;padding:13px;color:#16243b;font:500 13px var(--sans);outline-color:#24508f}.password{position:relative}.password input{padding-right:43px}.password button{position:absolute;right:7px;top:7px;border:0;background:transparent;color:#60718b;padding:6px;cursor:pointer}.register-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hidden{display:none!important}.login-options{display:flex;justify-content:space-between;align-items:center;margin-top:-2px}.login-options a,.admin-link button{color:#214a85;text-decoration:none;font:700 10px var(--sans);border:0;background:transparent;padding:0;cursor:pointer}.checkbox{display:flex;align-items:center;gap:7px;text-transform:none;letter-spacing:0;font-size:10px;color:#667388}.checkbox input{width:auto}.primary-button{border:0;background:linear-gradient(115deg,#1e477f,#0c1f3c);color:#fff;padding:15px 19px;margin-top:5px;font:700 12px var(--sans);cursor:pointer;box-shadow:0 8px 25px #1e37622e;text-align:left}.primary-button b{float:right;font-size:18px;line-height:12px}.admin-link{text-align:center;color:#768398;font-size:10px;margin-top:25px}.status{display:inline-block;background:#dcece5;color:#246044;padding:6px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.13em;font-weight:800;margin-bottom:18px}.demo-dashboard p{font-size:13px;line-height:1.7;color:#6d7b90;margin:22px 0}.demo-dashboard .primary-button{width:100%}@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.welcome-panel{min-height:305px;padding:26px 30px}.welcome-copy{margin:45px 0 0}.welcome-copy h1{font-size:40px}.welcome-copy>p:last-child,.signature{display:none}.auth-panel{min-height:auto;padding:55px 28px}.back{top:22px}.auth-card{margin:20px auto}.brand img{width:54px;height:54px}}@media(max-width:420px){.register-fields{grid-template-columns:1fr}.role-picker{grid-template-columns:1fr}.role-picker button{padding:9px}.role-picker button span{display:inline;margin-right:6px}}