:root{font-family:Segoe UI,Inter,Arial,sans-serif;color:#30283e;background:#f8f6fb;font-synthesis:none;--purple:#7543a3;--purple-dark:#4a266b;--lavender:#d8b9f0}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible{outline:3px solid #b692d3;outline-offset:5px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--purple-dark)}.brand img{display:block;object-fit:contain}.brand-name{display:block;font-size:37px;font-weight:650;letter-spacing:-1.4px;line-height:1}.brand-caption{display:block;margin-top:10px;font-size:8px;font-weight:600;letter-spacing:1.55px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:48% 52%}.intro{position:relative;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(145deg,#32194e,#4f2c71 56%,#754698);color:#fff;padding:44px 56px;min-height:100vh}.intro:after{content:"";position:absolute;width:740px;height:740px;border:1px solid #e2c9fa1c;border-radius:50%;right:-330px;bottom:-530px;box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff02;pointer-events:none}.intro-brand,.intro-copy,.intro-footer{position:relative;z-index:1}.intro-brand .brand{color:#fff}.intro-brand .brand img{filter:brightness(1.5)}.intro-brand .brand-caption{color:#d9c6e8}.ribbon-watermark{position:absolute;width:350px;height:400px;right:-95px;top:23%;opacity:.12;transform:rotate(12deg);pointer-events:none}.intro-copy{margin:auto 0;padding:80px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;margin:0 0 23px}.intro-copy .eyebrow{color:#decaef}.intro h1{font-size:clamp(38px,3.7vw,62px);line-height:1.17;font-weight:550;letter-spacing:-2px;margin:0 0 26px}.intro h1 span{color:#d8b9f0}.intro-copy>p:last-child{font-size:16px;color:#ddcdeb;line-height:1.7;letter-spacing:.2px}.intro-footer{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:3px;color:#d9c6e8}.footer-line{width:28px;height:1px;background:#bd99d7}.auth-panel{position:relative;display:flex;justify-content:center;align-items:center;padding:80px 40px;background:#fcfbfd;min-height:100vh}.auth-card{width:100%;max-width:390px}.auth-card>.eyebrow{color:var(--purple)}.auth-card h2{font-size:32px;font-weight:600;letter-spacing:-1px;margin:0 0 13px}.description{color:#776d82;line-height:1.7;margin:0 0 35px;font-size:15px}label{display:block;font-size:13px;font-weight:600;margin:22px 0 10px}input{width:100%;height:52px;border:1px solid #ded6e6;border-radius:8px;padding:0 15px;color:#30283e;background:#fff;outline:none}input:focus{border-color:#8c5caf;box-shadow:0 0 0 3px #7543a312}.primary{width:100%;display:flex;justify-content:space-between;align-items:center;background:var(--purple);color:#fff;border:0;border-radius:8px;padding:17px 20px;font-weight:600;margin-top:30px;box-shadow:0 4px 10px #4a266b12}.primary:hover{background:#63368d}.primary span{font-size:22px;line-height:18px}.credentials{border:1px solid #e4dcec;background:#f5f1f8;border-radius:9px;padding:6px 20px}.credentials>div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:14px}.credentials>div+div{border-top:1px solid #e4dcec}.credentials span{color:#776d82}.credentials strong{font-family:ui-monospace,monospace;font-weight:500}.form-note{text-align:center;font-size:12px;color:#80728a;margin-top:18px}.panel-footer{position:absolute;bottom:26px;display:flex;align-items:center;gap:7px;font-size:11px;color:#817189;letter-spacing:.2px}.panel-footer img{width:13px;height:17px}.error{padding:12px 14px;background:#fff2f5;color:#972642;border:1px solid #ecc9d3;border-radius:8px;font-size:14px;line-height:1.5}.toolbar{height:96px;padding:0 40px;display:flex;align-items:center;gap:26px;background:#fff;border-bottom:1px solid #e9e1ef}.toolbar .brand img{width:35px;height:43px}.toolbar .brand-name{font-size:31px}.toolbar .brand-caption{font-size:7px;letter-spacing:1.2px;margin-top:8px}.account{margin-left:auto;display:flex;align-items:center;gap:25px}.username{font-size:13px;color:#817189}.logout{display:flex;align-items:center;gap:9px;border:1px solid #dfd4e9;border-radius:7px;background:#fcfbfd;color:var(--purple-dark);padding:11px 16px;font-size:13px;font-weight:600}.logout:hover{background:#f1eaf7}.logout svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.home{padding:70px 56px}.home .eyebrow{color:#8a729d;margin-bottom:18px}.home h1{font-size:34px;font-weight:500;letter-spacing:-1px;margin:0 0 15px}.home>p:not(.eyebrow):not(.error){color:#80728a;font-size:15px}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.loading strong{font-size:32px;color:var(--purple-dark)}.loading p{color:#80728a}.loading button{padding:12px 20px;background:var(--purple);color:#fff;border:0;border-radius:7px}@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.intro{min-height:240px;padding:23px 28px}.intro-brand .brand img{width:31px;height:39px}.intro-brand .brand-name{font-size:30px}.brand-caption{font-size:7px;letter-spacing:1.2px;margin-top:8px}.intro-copy{padding:30px 0 2px}.intro-copy .eyebrow,.intro-copy>p:last-child,.intro-footer{display:none}.intro h1{font-size:31px;letter-spacing:-.9px;margin:0}.ribbon-watermark{top:30px;width:200px;height:230px;right:-45px}.auth-panel{min-height:calc(100vh - 240px);padding:44px 26px 80px}.auth-card h2{font-size:28px}.toolbar{height:84px;padding:0 20px;gap:14px}.toolbar .brand{gap:7px}.toolbar .brand img{width:28px;height:35px}.toolbar .brand-name{font-size:27px}.toolbar .brand-caption{font-size:6px;letter-spacing:.5px}.account{gap:0}.username{display:none}.logout{padding:9px 11px}.home{padding:46px 26px}.home h1{font-size:28px}}@media(max-width:359px){.toolbar .brand-caption{display:none}}