:root{--sky: #2bb2f2;--sky-deep: #1490d8;--stripe: rgba(255, 255, 255, .1);--panel: #ffffff;--panel-soft: #f2f7fb;--m-red: #e4000f;--m-red-edge: #930009;--m-blue: #0099e0;--m-blue-edge: #00689c;--navy: #163a61;--ink: #20436b;--muted: #6b86a5;--t-fast: .12s;--bounce: cubic-bezier(.34, 1.56, .64, 1);--ease: cubic-bezier(.25, .1, .25, 1);--r-md: 16px;--r-xl: 28px;--r-pill: 999px;--float: 0 6px 0 rgba(14, 42, 74, .18), 0 14px 30px rgba(14, 42, 74, .2)}*{box-sizing:border-box}*:focus-visible{outline:4px solid #fff;outline-offset:3px;border-radius:var(--r-md)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html,body{min-height:100%}body{margin:0;color:var(--ink);font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;font-weight:700;line-height:1.6;-webkit-font-smoothing:antialiased;background-color:var(--sky);background-image:repeating-linear-gradient(45deg,var(--stripe) 0 44px,transparent 44px 88px),radial-gradient(ellipse at 50% -10%,rgba(255,255,255,.28) 0%,transparent 55%),linear-gradient(180deg,var(--sky) 0%,var(--sky-deep) 100%);background-attachment:fixed;animation:field-drift 40s linear infinite}@keyframes field-drift{0%{background-position:0 0,0 0,0 0}to{background-position:622px 0,0 0,0 0}}.auth-link{color:var(--m-blue);text-decoration:none;font-weight:900;font-size:14px;transition:color var(--t-fast) var(--ease),transform var(--t-fast) var(--bounce);display:inline-block}.auth-link:hover{color:var(--m-red);transform:scale(1.08)}.auth-panel{background:var(--panel);border-radius:var(--r-xl);box-shadow:var(--float);padding:26px 28px;margin-bottom:22px}.auth-panel h2{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-family:Noto Sans SC,PingFang SC,sans-serif;font-weight:900;font-size:25px;letter-spacing:.02em;color:var(--navy)}.auth-panel p{margin:12px 0;color:var(--muted);font-weight:600;line-height:1.7}.auth-panel p strong{color:var(--navy);font-weight:900}.auth-panel p code{background:var(--panel-soft);color:var(--m-blue);padding:2px 9px;border-radius:8px;font-family:inherit;font-weight:900;font-size:14px}.auth-panel h3{display:inline-flex;align-items:center;gap:8px;margin:24px 0 14px;padding:6px 18px;font-size:15px;font-weight:900;color:#fff;background:var(--m-blue);border-radius:var(--r-pill);box-shadow:0 3px 0 var(--m-blue-edge);transform:rotate(-1deg)}.auth-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 28px;color:#fff;background:var(--m-red);border:3px solid #fff;border-radius:var(--r-pill);font-family:inherit;font-weight:900;font-size:16px;letter-spacing:.02em;white-space:nowrap;flex-shrink:0;cursor:pointer;box-shadow:0 5px 0 var(--m-red-edge),0 9px 16px #0e2a4a47;transition:transform var(--t-fast) var(--bounce),box-shadow var(--t-fast) var(--ease),filter var(--t-fast);text-decoration:none;text-shadow:0 2px 0 rgba(0,0,0,.18)}.auth-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 7px 0 var(--m-red-edge),0 12px 20px #0e2a4a4d;filter:brightness(1.06)}.auth-btn:active{transform:translateY(4px) scale(.99);box-shadow:0 1px 0 var(--m-red-edge),0 3px 6px #0e2a4a33}.auth-btn:focus-visible{border-radius:var(--r-pill)}.auth-btn:disabled{cursor:not-allowed;background:#9fb4c8;box-shadow:0 4px #7e94a8;transform:none;filter:grayscale(.2)}.auth-btn.ghost{background:#fff;color:var(--navy);border-color:var(--navy);box-shadow:0 5px #0e2a4a59,0 9px 16px #0e2a4a2e;text-shadow:none}.auth-btn.ghost:hover{box-shadow:0 7px #0e2a4a59,0 12px 20px #0e2a4a33}.auth-btn.ghost:active{box-shadow:0 1px #0e2a4a59}.auth-btn.danger{background:var(--navy);box-shadow:0 5px #07182c,0 9px 16px #0e2a4a4d}.auth-btn.danger:active{box-shadow:0 1px #07182c}.auth-btn.cyan{background:var(--m-blue);box-shadow:0 5px 0 var(--m-blue-edge),0 9px 16px #0e2a4a40}.auth-btn.cyan:active{box-shadow:0 1px 0 var(--m-blue-edge)}.auth-input{width:100%;padding:13px 18px;background:var(--panel-soft);border:3px solid transparent;border-radius:var(--r-md);color:var(--navy);font-family:inherit;font-weight:700;font-size:15px;transition:border-color var(--t-fast),background var(--t-fast),transform var(--t-fast) var(--bounce)}.auth-input::placeholder{color:#9fb4c8;font-weight:600}.auth-input:focus{outline:none;background:#fff;border-color:var(--m-blue);transform:scale(1.01)}.auth-empty{text-align:center;padding:44px 20px;color:var(--muted);font-weight:800}@media(max-width:640px){.auth-panel{padding:20px}}