:root{color-scheme:light;--ink:#414b70;--muted:#8a92ae;--line:#e4e7ee;--purple:#b146f3}*{box-sizing:border-box}body,html{margin:0;height:100%;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif;color:var(--ink)}button,input{font:inherit}button{cursor:pointer}.viewport-shell{display:flex;align-items:center;justify-content:center;width:100vw;height:100svh;overflow:hidden;background:#e5e7eb url(/assets/login-background.png?v=2) 50%/cover no-repeat}.stage-frame{position:relative;flex:none}.page-shell{position:relative;display:flex;align-items:center;justify-content:center;width:2048px;height:1167px;padding:133px 52px 132px;overflow:hidden;transform-origin:top left}.site-header{position:absolute;top:48px;left:52px;z-index:1}.brand{display:inline-block;width:180px;height:66px}.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}.login-card{display:grid;grid-template-columns:62.2% 37.8%;width:1003px;height:803px;min-height:0;flex-shrink:0;background:#fff;border-radius:11px;box-shadow:0 25px 55px rgba(45,51,78,.16);overflow:hidden}.form-side{display:flex;justify-content:center;padding:88px 34px 28px}.form-content{position:relative;width:min(408px,100%);text-align:center}.form-content h1{margin:0;font-size:34px;line-height:1.2;font-weight:800;letter-spacing:-.8px}.title-rule{width:123px;height:5px;margin:13px auto 40px;border-radius:5px;background:linear-gradient(90deg,#ba4bf4,#806bf0)}form{display:flex;flex-direction:column;align-items:stretch}form input{width:100%;height:81px;margin:0 0 27px;padding:0 26px;border:2px solid var(--line);border-radius:7px;outline:none;background:#fff;color:var(--ink);font-size:20px;font-weight:500;transition:border-color .2s,box-shadow .2s}form input::placeholder{color:#b2b9ca;opacity:1}form input:focus{border-color:#a970ee;box-shadow:0 0 0 3px rgba(162,109,238,.14)}.masked-name-wrap{position:relative;width:100%}.masked-name-wrap.name-is-masked input{-webkit-text-security:disc}.masked-name-toggle{position:absolute;z-index:1;top:50%;right:15px;display:grid;width:32px;height:32px;place-items:center;transform:translateY(-50%);border:0;border-radius:50%;background:transparent;color:#68708a}.masked-name-toggle:focus-visible,.masked-name-toggle:hover{background:#f1edfa;color:#805bdc;outline:none}.masked-name-toggle svg{width:19px;height:19px}.convenia-name-wrap{margin-bottom:27px}.convenia-name-wrap input{margin-bottom:0;padding-right:66px}.forgot-link{align-self:center;border:0;border-bottom:1px dotted var(--ink);padding:0 0 2px;margin:17px 0 62px;background:none;color:#58627f;font-size:18px;font-weight:800}.forgot-link:focus-visible,.forgot-link:hover{color:#8c56e9}.primary-button{align-self:center;width:363px;max-width:100%;height:81px;border:0;border-radius:999px;background:linear-gradient(100deg,#b543f2,#8067ed);box-shadow:0 11px 24px rgba(161,71,236,.16);color:#fff;font-size:17px;font-weight:700;transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 15px 26px rgba(161,71,236,.25)}.primary-button:active{transform:translateY(0)}.social-actions{display:grid;justify-items:center;grid-gap:14px;gap:14px;margin-top:14px}.social-actions button{display:flex;align-items:center;justify-content:center;gap:19px;width:363px;max-width:100%;height:82px;border:2px solid #e6e9ef;border-radius:999px;background:#fff;color:#8a92ad;font-size:17px;font-weight:700;transition:border-color .2s,background .2s}.social-actions button:focus-visible,.social-actions button:hover{border-color:#a970ee;background:#fcfaff}.social-actions img,.social-actions svg{flex:0 0 auto;width:27px;height:27px}.social-actions img{object-fit:contain}.feedback{margin:13px 0 0;padding:10px 12px;border-radius:6px;background:#f5f0ff;color:#625083;font-size:13px;line-height:1.4}.feedback-error{background:#fff0f3;color:#a6334f}.feedback-login{position:absolute;top:360px;left:0;width:100%;margin:0}.welcome-side{display:flex;align-items:center;justify-content:center;background:#885ff0 url(/assets/purple-confetti.png?v=2) 50%/cover no-repeat;color:#fff;text-align:center}.welcome-copy{transform:translateY(4px)}.welcome-copy h2{margin:0 0 31px;font-size:39px;line-height:1.2;letter-spacing:-.9px;font-weight:800}.welcome-copy p{margin:0;font-size:19px;line-height:1.65;font-weight:600}.site-footer{position:absolute;left:53px;bottom:61px;z-index:1;font-size:16px;line-height:1.25}.site-footer nav{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:10px}.site-footer a{color:#6b7395;font-weight:800;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}