@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{color:#11224a;font-synthesis:none;background:#f2f4f7;font-family:Noto Sans SC,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.site{background:#f2f4f7;min-height:100vh;padding:0 0 22px;overflow:hidden}.brand-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc2;border:1px solid #dce3ec6b;border-radius:0 0 22px 22px;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 32px;display:flex;box-shadow:0 8px 30px #0f172a0d}.brand-identity{color:#102044;align-items:center;gap:18px;font-size:28px;font-weight:700;display:flex}.brand-header{z-index:1;position:relative}.brand-identity img{flex:none;width:62px;height:46px;display:block}.brand-slogan{color:#738197;font-size:17px}.auth-main{justify-content:center;align-items:center;min-height:calc(100vh - 112px);margin-top:18px;display:flex;position:relative}.auth-glow{pointer-events:none;width:1260px;height:1260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #dce3ec75;border-radius:20px;width:min(599px,100%);min-height:720px;padding:34px 42px;position:relative;box-shadow:0 12px 18px #0f172a0d}@media (width>=1280px){.auth-card{width:calc(33.3333% - 21.3333px)}}.auth-form{flex-direction:column;align-items:stretch;min-height:650px;display:flex}.form-heading{text-align:center;flex:none;height:96px}.auth-card h1{color:#11224a;margin:0;font-size:42px;font-weight:700;line-height:50px}.subtitle{color:#7c879b;margin:10px 0 0;font-size:17px;line-height:26px}.auth-field{flex-direction:column;gap:8px;min-height:82px;margin:0 0 20px;display:flex}.auth-field label{color:#24314f;font-size:14px;font-weight:500;line-height:17px}.required{color:#db2626}.field-input{background:#fff;border:1px solid #d7dfeb;border-radius:12px;align-items:center;gap:12px;height:56px;padding:0 18px;display:flex}.field-input:focus-within{border-color:#2f74f4;box-shadow:0 0 0 3px #2f74f41c}.field-input.credential-error{background:#f4f7fd}.field-input>img{flex:none;width:24px;height:24px}.field-input input{color:#1e293b;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;padding:0;font-size:16px}.field-input input::placeholder{color:#8c98ab;opacity:1}.password-field{padding-right:18px}.visibility{cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:24px;height:24px;padding:0;display:grid}.visibility img{width:24px;height:24px;display:block}.strength{gap:8px;height:6px;margin-top:0;display:flex}.strength span{background:#d7dfeb;border-radius:3px;flex:1;height:6px}.strength span.active{background:#2f78f4}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3d82f6,#2e73f3);border:0;border-radius:12px;width:100%;height:58px;font-size:17px;font-weight:500;box-shadow:0 7px 16px #2f74f438}.primary-button:disabled{opacity:.65;cursor:wait}.form-prompt{text-align:center;color:#8d98aa;margin:auto 0 0;font-size:14px;line-height:28px}.secondary-link{color:#2f74f4;font-weight:500;text-decoration:none}.secondary-link:hover{text-decoration:underline}.form-error{color:#e14d4d;background:#fff5f5;border:1px solid #f4caca;border-radius:12px;align-items:center;gap:14px;min-height:84px;margin:0 0 14px;padding:14px 18px;font-size:15px;display:flex}.form-error img{flex:none;width:26px;height:26px}.form-error strong{font-weight:500;display:block}.form-error small{color:#ce6a6a;margin-top:6px;font-size:14px;display:block}.login-form{justify-content:space-between;gap:13.25px}.login-form .form-error,.login-form .auth-field,.login-form .form-prompt{margin:0}.login-options{flex:none;justify-content:space-between;align-items:center;height:28px;display:flex}.remember-disabled{color:#3f3f3f;opacity:.5;align-items:center;gap:10px;width:120px;height:28px;font-size:14px;display:flex;position:relative}.remember-disabled input{appearance:none;background:#717171;border:0;border-radius:5px;flex:none;width:22px;height:22px;margin:0}.remember-disabled img{pointer-events:none;width:22px;height:22px;position:absolute;top:3px;left:0}.forgot-disabled{color:#6f6f6f;opacity:.5;background:0 0;border:0;padding:0;font-size:14px;font-weight:500}.social-divider{color:#8a95a8;white-space:nowrap;flex:none;align-items:center;gap:14px;height:28px;font-size:14px;display:flex}.social-divider>span{background:#e2e8f0;flex:1;height:1px}.social-buttons{gap:16px;display:flex}.social-buttons button{opacity:.5;color:#313131;background:#fff;border:1px solid #e4e4e4;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:12px;min-width:0;height:58px;padding:0 20px;font-size:14px;font-weight:500;display:flex;box-shadow:0 4px 10px #0f172a0a}.social-buttons img{flex:none;width:24px;height:24px;display:block}@media (width<=480px){.social-buttons{gap:8px}.social-buttons button{flex-direction:column;gap:3px;height:64px;padding:8px 2px;font-size:12px}}.register-form .form-heading,.register-form .auth-field{margin-bottom:20.333px}.register-form .auth-field:has(.strength){min-height:100px}.register-form .primary-button{margin-top:0}.register-form .form-error{min-height:48px;margin:0 0 10px}.app-main{width:min(960px,100%);margin:64px auto;padding:16px}.app-main .primary-button{max-width:160px}@media (width<=720px){.site{padding:0 0 12px}.brand-header{border-radius:0 0 16px 16px;height:70px;padding:0 18px}.brand-identity{gap:10px;font-size:21px}.brand-slogan{display:none}.auth-main{min-height:calc(100vh - 100px);margin-inline:12px}.auth-card{width:min(599px,100%);min-height:0;padding:30px 22px}.auth-form{min-height:590px}.auth-card h1{font-size:36px}.subtitle{font-size:14px}}