:root{--blue:#2563eb;--ink:#152036;--muted:#6b7586;--line:#e1e7ef}*{box-sizing:border-box}body{margin:0;font-family:Poppins,Arial,sans-serif;color:var(--ink);letter-spacing:0}.brand{position:fixed;z-index:5;left:34px;top:25px;display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-weight:700;font-size:19px}.brand span{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;color:#fff;background:var(--blue)}main{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-panel{display:grid;place-items:center;padding:90px 30px 40px}.auth-card{width:min(410px,100%)}.back{display:inline-block;color:#718096;text-decoration:none;font-size:11px;margin-bottom:50px}.eyebrow{font-size:9px;font-weight:700;color:var(--blue);letter-spacing:.13em;margin:0 0 9px}.auth-card h1{font-size:28px;margin:0 0 8px}.intro{font-size:12px;color:var(--muted);margin:0 0 28px}.roles{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:#f2f5f9;border-radius:6px;margin-bottom:24px}.roles button{height:37px;border:0;background:transparent;color:#687487;font:inherit;font-size:11px;border-radius:4px;cursor:pointer}.roles button.active{background:#fff;color:var(--blue);font-weight:600;box-shadow:0 2px 7px #22324c14}form label{font-size:10px;font-weight:600}.phone{height:49px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;margin:7px 0 15px}.phone span{padding:0 13px;border-right:1px solid var(--line);font-size:12px}.phone input{border:0;outline:0;padding:0 13px;width:100%;font:inherit;font-size:12px}.primary,.demo{width:100%;height:48px;border:0;border-radius:5px;background:var(--blue);color:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer}.divider{display:flex;align-items:center;gap:10px;color:#a0a8b5;font-size:9px;margin:20px 0}.divider:before,.divider:after{content:'';height:1px;background:var(--line);flex:1}.demo{background:#fff;color:var(--blue);border:1px solid #aac2fa}.terms{text-align:center;color:#9aa3b1;font-size:8px;margin-top:18px}.auth-visual{position:relative;margin:14px;border-radius:7px;overflow:hidden}.auth-visual img{position:absolute;width:100%;height:100%;object-fit:cover}.visual-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,18,32,.72),transparent 68%)}.quote{position:absolute;left:8%;right:8%;bottom:8%;color:#fff}.quote>span{display:inline-block;padding:6px 8px;border-radius:3px;background:#fff;color:#078361;font-size:9px;font-weight:700}.quote blockquote{font-size:25px;line-height:1.45;max-width:550px;margin:15px 0 8px}.quote p{font-size:10px;color:#d8dee7}@media(max-width:750px){main{display:block}.auth-visual{display:none}.brand{position:absolute;left:20px}.auth-panel{min-height:100vh;padding:90px 22px 35px}.back{margin-bottom:45px}}