:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#242424;background:#f4f4f4;font-synthesis:none;color-scheme:light;--blue:#196dca;--muted:#737373}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #8ab8eb;outline-offset:3px}[hidden]{display:none!important}
.page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:36px 20px 42px;gap:17px}.login-card{width:398px;max-width:100%;background:#fff;border-radius:14px;padding:22px 24px 25px;box-shadow:0 1px 2px #00000026,0 0 3px #00000008}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.brand{display:inline-flex;align-items:center;gap:9px;color:#111;text-decoration:none;font-size:23px;font-weight:650;letter-spacing:.1px}.brand img{flex:none}.icon-button{border:0;background:none;color:#747474;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;padding:7px}.icon-button:hover{background:#f2f5f8}.icon-button svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.55;fill:none;stroke-linecap:round;stroke-linejoin:round}h1{font-size:20px;line-height:1.5;margin:0 0 27px;font-weight:650;letter-spacing:.15px}.outlined-field{height:56px;border:1px solid #bfc0c4;border-radius:12px;position:relative;display:flex;align-items:center;padding:0 14px;gap:12px;transition:border-color .15s,box-shadow .15s}.outlined-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.outlined-field label{position:absolute;top:-10px;left:9px;padding:0 5px;background:#fff;color:var(--muted);font-size:12px;line-height:18px}.outlined-field:focus-within label{color:var(--blue)}.outlined-field>svg{flex:none;width:22px;height:22px;fill:none;stroke:#757575;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.outlined-field input{border:0;outline:0;background:transparent;min-width:0;width:100%;height:100%;padding:0;font-size:15px;color:#222}.primary-button,.secondary-button{width:100%;height:36px;border-radius:10px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.primary-button{border:1px solid var(--blue);background:var(--blue);color:#fff;transition:background .15s,box-shadow .15s}.primary-button:hover{background:#125db1;box-shadow:0 2px 5px #196dca26}#submit{margin-top:24px}.register-line{text-align:center;margin:15px 0 20px;font-size:14px;line-height:22px}.text-button{color:#2878bd;background:none;border:0;padding:0 0 0 5px;font-size:14px}.text-button:hover{text-decoration:underline}.divider{height:1px;background:#e3e3e3;margin-bottom:16px}.secondary-button{border:1px solid #99b3cd;background:#fff;color:#286ca8;transition:background .15s}.secondary-button:hover{background:#f6faff}.secondary-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.legal{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:16px;color:#777;font-size:11px;line-height:20px}.legal button{border:0;background:none;padding:0;color:inherit;font-size:11px}.legal button:hover{color:var(--blue)}.page-footer{color:#a1a1a1;font-size:13px;display:flex;align-items:center;gap:7px}.page-footer img{filter:grayscale(1);opacity:.42}.account-button{display:flex;align-items:center;gap:9px;max-width:100%;font-size:13px;color:#666;border:0;background:#f4f6f8;border-radius:18px;padding:5px 12px;margin:-11px 0 23px}.account-button>span:first-child{font-size:23px;line-height:18px}.account-button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.password-field{padding-right:7px}.eye{flex:none}.notice{font-size:12px;line-height:1.8;padding:9px 12px;background:#f3f7fc;border-radius:8px;color:#47617c;margin:14px 0 -10px}dialog{width:370px;max-width:calc(100% - 40px);border:0;border-radius:14px;padding:26px;box-shadow:0 16px 60px #0003;color:#242424}dialog::backdrop{background:#0005}dialog h2{font-size:19px;margin:0 0 14px}dialog p{font-size:14px;line-height:1.85;color:#666;margin:0 0 23px}@media(max-width:460px){.page{padding:24px 18px;gap:19px}.login-card{padding:23px 23px 25px}.brand{font-size:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}