:root{--ink:#111827;--muted:#64748b;--line:#e2e8f0;--blue:#2563eb;--cyan:#06b6d4}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)}body.auth-body{min-height:100vh;background:#f8fafc;overflow-x:hidden}.auth-bg{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#0f172a0a 1px,transparent 1px),linear-gradient(90deg,#0f172a0a 1px,transparent 1px);background-size:42px 42px}.auth-orb{position:fixed;width:38vw;height:38vw;border-radius:50%;filter:blur(80px);opacity:.2;pointer-events:none;animation:float 9s ease-in-out infinite}.auth-orb.one{background:#60a5fa;left:-12vw;top:-15vw}.auth-orb.two{background:#22d3ee;right:-13vw;bottom:-17vw;animation-delay:-4s}.auth-shell{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);max-width:1180px;margin:auto;padding:28px}.auth-visual{padding:52px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#0f172a,#172554);color:white;border-radius:28px;box-shadow:0 28px 80px #0f172a24;overflow:hidden;position:relative}.auth-visual:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #ffffff24;border-radius:50%;right:-100px;bottom:-100px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}.auth-brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:17px;position:relative;z-index:1}.auth-brand i{font-style:normal;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#3b82f6,#06b6d4);box-shadow:0 10px 25px #06b6d455}.auth-copy{position:relative;z-index:1}.auth-copy small{color:#67e8f9;letter-spacing:2px;font-weight:800}.auth-copy h1{font-size:42px;line-height:1.15;margin:16px 0}.auth-copy p{color:#cbd5e1;line-height:1.8;max-width:430px}.auth-points{display:grid;gap:11px;margin-top:28px}.auth-points span{display:flex;align-items:center;gap:10px;color:#e2e8f0;font-size:13px}.auth-points span:before{content:"✓";width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#22d3ee22;color:#67e8f9}.auth-main{display:grid;place-items:center;padding:30px}.auth-card{width:min(450px,100%)}.auth-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.auth-home{color:var(--muted);font-size:13px}.auth-chip{font-size:11px;font-weight:800;color:#0369a1;background:#e0f2fe;padding:6px 10px;border-radius:999px}.auth-card h2{font-size:30px;margin:0 0 8px}.auth-sub{color:var(--muted);margin:0 0 28px}.auth-form label{display:block;font-weight:700;font-size:13px;margin:16px 0 0}.auth-input{position:relative;margin-top:7px}.auth-input>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.auth-input input{width:100%;height:50px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 46px 0 42px;font:inherit;outline:0;transition:.2s}.auth-input input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f616}.auth-toggle{position:absolute;right:8px;top:7px;width:36px;height:36px;border:0;background:transparent;color:#64748b;cursor:pointer;border-radius:8px}.auth-toggle:hover{background:#f1f5f9}.auth-submit{width:100%;height:50px;margin-top:24px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:800;cursor:pointer;box-shadow:0 12px 28px #2563eb35;transition:.2s}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 16px 32px #2563eb42}.auth-submit:disabled{opacity:.7;transform:none;cursor:wait}.auth-foot{text-align:center;color:var(--muted);margin-top:22px;font-size:13px}.auth-foot a{color:var(--blue);font-weight:800;text-decoration:none}.auth-note{display:flex;gap:9px;color:#64748b;background:#f1f5f9;border:1px solid var(--line);border-radius:11px;padding:11px 13px;font-size:12px;margin-top:20px}.strength{height:4px;background:#e2e8f0;border-radius:4px;margin-top:9px;overflow:hidden}.strength i{display:block;width:0;height:100%;background:#ef4444;transition:.25s}.strength-text{display:block;font-size:11px;color:#94a3b8;margin-top:5px}.auth-disabled{text-align:center;padding:45px 15px}.auth-disabled .shield{font-size:42px}.auth-disabled a{color:var(--blue)}@keyframes float{50%{transform:translate3d(0,25px,0) scale(1.07)}}@media(max-width:820px){.auth-shell{display:block;padding:14px}.auth-visual{min-height:220px;padding:28px}.auth-copy h1{font-size:30px}.auth-points{display:none}.auth-main{padding:42px 16px}.auth-top{margin-bottom:28px}}@media(max-width:480px){.auth-visual{min-height:175px;border-radius:20px}.auth-copy p{display:none}.auth-main{padding:34px 6px}.auth-card h2{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}