.youyou-login-page{--primary:#3458e3;--primary-foreground:#fff;--ring:#3458e3;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100svh;background:#eef2fd;color:#18233b}.youyou-login-backdrop{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.youyou-login-backdrop img,.youyou-login-backdrop picture{display:block;width:100%;height:100%}.youyou-login-backdrop img{object-fit:cover;object-position:center}.youyou-login-header{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1200px,calc(100% - 80px));min-height:88px;margin-inline:auto}.youyou-login-brand{display:inline-flex;align-items:center;gap:11px}.youyou-login-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--primary);color:white}.youyou-login-brand strong{font-size:25px;font-weight:750;letter-spacing:-1px}.youyou-login-back{display:inline-flex;align-items:center;gap:8px;padding-block:12px;font-size:13px;font-weight:500;color:#465876}.youyou-login-back:hover{color:var(--primary)}.youyou-login-header a:focus-visible{border-radius:5px;outline:2px solid var(--primary);outline-offset:5px}.youyou-login-main{display:grid;flex:1;place-items:center;padding:28px 24px 40px}.youyou-login-panel{width:min(100%,480px);padding:38px 40px 40px;border:1px solid #e4e9f4;border-radius:18px;background:#fff;box-shadow:0 16px 60px rgb(38 63 129/7%)}.youyou-login-accent{display:block;width:30px;height:4px;margin-bottom:22px;border-radius:2px;background:var(--primary)}.youyou-login-panel h1{font-size:28px;font-weight:650;line-height:1.4;letter-spacing:-.025em}.youyou-login-description{margin-top:12px;color:#66728a;font-size:14px;line-height:1.9}.youyou-login-panel form{margin-top:30px}.youyou-login-panel label{color:#34425c;font-size:13px;font-weight:550}.youyou-login-panel [data-slot=input]{height:48px;border-color:#dde3ef;border-radius:8px;background:#fcfdff;color:#18233b;font-size:16px}.youyou-login-panel button[type=submit]{height:48px;border-radius:8px;font-size:14px;font-weight:550}.youyou-login-footer{padding:0 24px 26px;color:#66728a;text-align:center;font-size:11px;letter-spacing:.04em}@media (max-width:640px){.youyou-login-header{width:calc(100% - 40px);min-height:76px}.youyou-login-brand>span{width:36px;height:36px}.youyou-login-brand strong{font-size:23px}.youyou-login-main{padding:18px 20px 32px}.youyou-login-panel{padding:28px 24px 30px;border-radius:14px}.youyou-login-panel h1{font-size:26px}.youyou-login-backdrop img{object-position:24% center}}