.startup{min-height:100vh;display:grid;place-items:center;font:600 18px system-ui;color:#315fcd}
.auth-shell{display:grid;grid-template-columns:47% 53%;min-height:100vh;background:#fff;font-family:Inter,Arial,sans-serif}
.auth-story{background:linear-gradient(135deg,#10244d 0%,#163c8c 62%,#1b51c0 100%);color:#fff;padding:50px 62px 28px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.auth-story:before,.auth-story:after{content:'';position:absolute;border:1px solid #ffffff13;border-radius:50%;width:630px;height:630px;right:-400px;top:70px;pointer-events:none}
.auth-story:after{width:890px;height:890px;right:-530px;top:-60px}
.auth-logo{width:164px;background:#fff;border-radius:10px;padding:10px 14px;position:relative;z-index:1}
.auth-overline{font-size:9px;letter-spacing:2.2px;margin-top:15px;color:#b7c9ec}
.auth-story-body{margin:auto 0;padding:60px 0;position:relative;z-index:1}
.auth-label{color:#a7c5ff;font-size:11px;font-weight:700;letter-spacing:2.6px}
.auth-story h1{font-size:clamp(38px,4vw,66px);line-height:1.11;letter-spacing:-2.8px;font-weight:650;margin:24px 0}
.auth-story h1 em{font-style:normal;color:#a9c7ff}
.auth-story-body>p{color:#c4d4f3;line-height:1.9;font-size:14px}
.credential-showcase{display:flex;align-items:center;gap:18px;margin-top:40px;max-width:460px;background:linear-gradient(120deg,#ffffff18,#ffffff0a);border:1px solid #ffffff2b;box-shadow:0 22px 35px #0002;border-radius:15px;padding:22px}
.auth-seal{display:grid;place-items:center;border-radius:50%;width:54px;height:54px;background:#ffffff17;flex-shrink:0}.auth-seal .icon{width:28px;height:28px;color:#b9d5ff}
.credential-showcase small{font-size:8px;letter-spacing:1.7px;color:#afc8f0;display:block}.credential-showcase strong{display:block;font-size:16px;margin:9px 0}.credential-showcase span{font-size:10px;color:#c3d5f7}.credential-showcase .auth-check{margin-left:auto;background:#a9e2d2;color:#155444;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;flex-shrink:0}
.auth-pillars{display:flex;gap:26px;font-size:11px;color:#c4d7f8;margin-top:32px}.auth-pillars span{display:flex;align-items:center;gap:8px}.auth-pillars .icon{width:16px;height:16px}.auth-story-foot{display:flex;justify-content:space-between;font-size:11px;color:#b9cceb}
.auth-form-side{padding:45px 7%;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative}.auth-panel{width:100%;max-width:470px;margin:auto}.auth-eyebrow{font-size:9px;letter-spacing:1.8px;color:#6480ab;font-weight:750}.auth-panel h2{font-size:32px;letter-spacing:-1.2px;margin-top:19px;color:#1a2946;line-height:1.25}.auth-sub{font-size:13px;color:#8a97ac;line-height:1.8;margin-top:14px}.auth-role-tabs{display:flex;gap:7px;margin:33px 0 30px}.auth-role-tabs button{flex:1;border:1px solid #e4eaf4;border-radius:10px;background:#fff;display:flex;flex-direction:column;gap:9px;align-items:center;justify-content:center;height:77px;font-size:9px;color:#7386a8;cursor:pointer}.auth-role-tabs button.selected{color:#285dea;background:#eff4ff;border-color:#9bbafa;box-shadow:0 2px 8px #235eea0a}.auth-role-tabs .icon{height:21px;width:21px}.auth-panel .form-field{margin-bottom:20px}.auth-panel .form-field label{color:#374963;font-size:12px;font-weight:600}.auth-panel .input{height:49px;border-radius:9px;background:#fcfdff;font-size:13px}.auth-submit{width:100%;height:50px;justify-content:space-between!important;padding:0 21px!important;font-size:13px!important;border-radius:9px!important}.auth-error{font-size:12px;color:#b63c52;min-height:16px;margin-bottom:14px;line-height:1.7}.auth-security{font-size:10px;color:#8190a7;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.auth-security .icon{height:14px;width:14px}.auth-demo-note{margin-top:36px;border-radius:10px;background:#f6f8fc;padding:17px 20px;border:1px solid #edf1f8}.auth-demo-note strong{font-size:10px;color:#657b9c}.auth-demo-note p{font-size:10px;line-height:1.9;color:#8c98ad;margin-top:7px}.auth-demo-note code{color:#5c7eb2;font-size:10px}.auth-footer{display:flex;justify-content:space-between;gap:20px;margin-top:48px;color:#9da9ba;font-size:9px;line-height:1.8}.auth-footer span{text-align:right}.qr{object-fit:contain}button:disabled{cursor:wait;opacity:.55}.verify-public{max-width:750px;margin:70px auto;padding:24px}.verify-public>.brand{max-width:200px;margin-bottom:35px}.verify-public .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1080px){.auth-story{padding:40px 36px}.auth-form-side{padding:40px 6%}.auth-story h1{letter-spacing:-1.7px}.auth-pillars{gap:12px}.credential-showcase{padding:17px 13px;gap:12px}.credential-showcase strong{font-size:13px}.auth-footer span{display:none}}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-story{padding:25px 26px}.auth-story-body{padding:28px 0 5px}.auth-story h1{font-size:35px;margin:12px 0}.auth-story h1 br:nth-of-type(2){display:none}.auth-story-body>p,.credential-showcase,.auth-pillars,.auth-story-foot,.auth-overline{display:none}.auth-logo{width:126px}.auth-form-side{padding:35px 25px}.auth-panel h2{font-size:27px}.auth-role-tabs{gap:5px;margin:24px 0}.auth-footer{margin-top:30px}}