:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#283347;background:#f7f9fc;font-synthesis:none;color-scheme:light;--brand-blue:#007bb6;--brand-purple:#68408c;--ink:#283347;--muted:#66758b;--border:#e2e8f0}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:140ms}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
*{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}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}
body{background-color:#f7f9fc;background-image:linear-gradient(120deg,#ffffffa6 0%,#edf4fb00 75%),url("login-cleaning-pattern.svg"),linear-gradient(135deg,#f9fbfd 0%,#edf4fb 70%,#e7f0fa 100%);background-size:auto,360px 360px,auto;background-repeat:no-repeat,repeat,no-repeat}
.page{min-height:100svh;max-width:1400px;margin:auto;padding:36px 60px 24px;display:flex;flex-direction:column;position:relative}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{width:174px;height:auto;display:block}.proposal-label{font-size:12px;color:#64748b;border:1px solid var(--border);padding:7px 12px;border-radius:100px;background:#fff}
.login-layout{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:80px;align-items:center;padding:66px 0 76px;max-width:1080px;width:100%;margin:auto}.welcome{padding:10px 0}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;color:#66758b}.welcome h1{font-size:clamp(38px,4.4vw,62px);font-weight:600;line-height:1.12;letter-spacing:-.055em;margin:22px 0}.welcome h1 span{color:var(--brand-purple)}.intro{font-size:16px;line-height:1.7;color:var(--muted);margin:0;letter-spacing:-.015em}.workspace-summary{margin:32px 0 24px;display:grid;gap:18px}.workspace-summary>div{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:500}.module-description{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:4px}.module-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e9f4fb;color:var(--brand-blue)}.module-icon.purple{background:#efeaf5;color:var(--brand-purple)}.module-icon.neutral{background:#edf0f5;color:#607088}.brand-signature{font-size:11px;color:#66758b;margin:30px 0 0}

.access-card{background:#fff;border:1px solid #e5eaf1;border-radius:28px;padding:38px 36px 28px;box-shadow:0 14px 48px #344a6d08;position:relative;width:100%;max-width:432px;justify-self:end}.access-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:var(--brand-purple);background:#f3eff8;margin-bottom:24px}.access-symbol svg{width:24px;height:24px}.access-card h2{font-size:25px;font-weight:600;letter-spacing:-.04em;margin:0 0 8px;line-height:1.2}.card-description{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 30px}.field{margin:0 0 18px}.field label{display:block;font-size:13px;font-weight:500;margin-bottom:8px;color:#46556d}.field input{display:block;width:100%;min-width:0;height:48px;background:#edf4fb;border:1px solid #dce6f2;border-radius:13px;padding:0 14px;color:var(--ink);font-size:14px;transition:border-color 150ms,box-shadow 150ms}.field input::placeholder{color:#5f7088}.field input:focus{outline:none;border-color:#62a2cc;box-shadow:0 0 0 3px #007bb614}.field input[aria-invalid=true]{border-color:#b95761;box-shadow:none}.password-field{position:relative}.password-field input{padding-right:52px}.eye-button{width:44px;height:44px;position:absolute;right:3px;top:2px;background:none;border:0;border-radius:11px;display:grid;place-items:center;color:#66778e}.eye-button:hover{background:#dfeaf5}.eye-button svg{width:19px;height:19px}.submit-button{width:100%;min-height:48px;border:1px solid #0074ae;border-radius:14px;background:linear-gradient(180deg,#007db5,#007bb6);color:#fff;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;margin-top:25px;box-shadow:0 4px 10px #007bb614;transition:background 150ms,transform 150ms}.submit-button:hover{background:#006fa7}.submit-button:active{transform:scale(.99)}.submit-button svg{width:18px;height:18px}.error,.caps-lock{font-size:12px;color:#a53b49;line-height:1.5;margin:7px 0 0}.caps-lock{margin-top:-6px}.preview-note{font-size:11px;color:var(--muted);text-align:center;line-height:1.6;margin:20px 2px 0}.page-footer{display:flex;justify-content:space-between;gap:18px;font-size:11px;color:#66758b;padding-top:20px;border-top:1px solid #e9edf3}
button:focus-visible,a:focus-visible{outline:3px solid #79b3d8;outline-offset:3px}
.access-loading{position:fixed;inset:0;z-index:20;overflow:auto;min-height:100svh;padding:40px 24px;background:radial-gradient(ellipse at 15% 10%,#edf7fc 0,transparent 52%),radial-gradient(ellipse at 85% 90%,#f1edf7 0,transparent 52%),#f7f9fc;display:flex;flex-direction:column;align-items:center;animation:enter 180ms ease-out}.loading-brand{width:162px;height:auto}.loading-content{margin:auto;text-align:center;padding:56px 0;max-width:440px;width:100%}.loading-mark{width:72px;height:72px;border:1px solid #e2e7f0;background:#fff;border-radius:24px;margin:0 auto 28px;display:grid;place-items:center;box-shadow:0 10px 30px #31426008}.spinner{width:26px;height:26px;border:2px solid #e3e8f0;border-top-color:var(--brand-purple);border-right-color:var(--brand-blue);border-radius:50%;animation:spin 800ms linear infinite}.done-check{width:28px;height:28px;color:var(--brand-blue)}.loading-content h2{font-size:26px;line-height:1.3;font-weight:500;letter-spacing:-.035em;margin:0 0 12px;outline:none}.loading-content p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.loading-content .loading-preview{font-size:11px;margin:22px 0 10px;color:#66758b}.return-button{min-height:44px;border:0;border-radius:100px;color:#68778e;background:transparent;padding:10px 18px;font-size:12px}.return-button:hover{background:#e9eef5}.loading-footer{font-size:11px;color:#66758b;margin:0}.is-leaving{animation:leave 160ms ease-out forwards}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes leave{to{opacity:0}}
@media(min-width:1500px){.page{max-width:1440px}.login-layout{max-width:1120px;gap:120px}}
@media(max-width:1024px){.page{padding:28px 36px 20px}.login-layout{gap:36px}.access-card{padding:32px 28px}.welcome h1{font-size:46px}.intro{font-size:14px}}
@media(max-width:760px){.page{padding:24px 22px 18px}.brand{width:142px}.proposal-label{font-size:10px;padding:6px 10px}.login-layout{grid-template-columns:minmax(0,1fr);padding:38px 0 40px;gap:26px;max-width:432px}.welcome{padding:0}.eyebrow,.workspace-summary,.brand-signature,.intro{display:none}.welcome h1{font-size:34px;line-height:1.2;letter-spacing:-.045em;margin:0}.welcome h1 br{display:none}.welcome h1 span{display:block}.access-card{justify-self:center;padding:28px 26px 24px;border-radius:24px}.access-symbol{margin-bottom:18px}.access-card h2{font-size:23px}.field input{font-size:16px}.card-description{margin-bottom:26px}.page-footer{font-size:10px}.loading-content h2{font-size:24px}}
@media(max-width:360px){.page{padding-inline:16px}.access-card{padding:24px 20px}.welcome h1{font-size:31px}.page-footer span:last-child{max-width:150px;text-align:right}.brand{width:128px}.proposal-label{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.spinner{border-style:dotted;border-color:var(--brand-purple)}}