:root{--hx-primary: #1e56a0;--hx-primary-hover: #2563eb;--hx-accent: #c9a227;--hx-accent-soft: rgba(201, 162, 39, .35);--hx-bg-0: #060b14;--hx-bg-1: #0c1628;--hx-bg-2: #132238;--hx-text: #0f172a;--hx-muted: #64748b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--hx-text);-webkit-font-smoothing:antialiased;background:var(--hx-bg-0)}.full-center{height:100%;display:flex;align-items:center;justify-content:center}.loading-dot{width:34px;height:34px;border:3px solid rgba(30,86,160,.2);border-top-color:var(--hx-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes star-pulse{0%,to{box-shadow:0 10px 28px #1e56a059,0 0 0 1px var(--hx-accent-soft)}50%{box-shadow:0 12px 32px #2563eb47,0 0 12px var(--hx-accent-soft)}}.page{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:radial-gradient(ellipse 75% 55% at 12% 18%,rgba(37,99,235,.22),transparent 58%),radial-gradient(ellipse 65% 45% at 88% 82%,rgba(201,162,39,.1),transparent 52%),linear-gradient(165deg,var(--hx-bg-0) 0%,var(--hx-bg-1) 42%,var(--hx-bg-2) 100%)}.page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(148,163,184,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.4) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 72% 68% at 50% 44%,#000 18%,transparent 78%);mask-image:radial-gradient(ellipse 72% 68% at 50% 44%,#000 18%,transparent 78%)}.bg-blob{position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none}.blob1{width:440px;height:440px;background:#2563eb;top:-150px;left:-120px;opacity:.18}.blob2{width:360px;height:360px;background:var(--hx-accent);bottom:-140px;right:-90px;opacity:.12}.card{position:relative;width:100%;max-width:420px;background:#fffffffa;border-radius:16px;padding:36px 34px 28px;box-shadow:0 28px 64px #0000006b,0 0 0 1px #ffffff14;animation:card-in .5s ease-out both}.card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--hx-primary),var(--hx-accent))}.brand{display:flex;justify-content:center}.logo{width:60px;height:60px;border-radius:14px;background:linear-gradient(145deg,#2563eb 0%,var(--hx-primary) 55%,#0f3460 100%);color:#fff;font-size:26px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;justify-content:center;animation:star-pulse 3.5s ease-in-out infinite}.title{margin-top:18px;text-align:center;font-size:26px;font-weight:700;letter-spacing:5px;color:var(--hx-text)}.title-accent{color:var(--hx-primary)}.subtitle{margin-top:10px;text-align:center;font-size:13px;line-height:1.6;color:var(--hx-muted);letter-spacing:.3px;padding:0 8px}.tagline{margin-top:12px;text-align:center;font-size:12px;color:#94a3b8;letter-spacing:2px}.field{display:block;margin-top:18px}.field-label{display:block;font-size:13px;color:#334155;margin-bottom:7px}.input{width:100%;height:44px;padding:0 13px;font-size:15px;border:1px solid #dbe3ee;border-radius:10px;background:#f8fafc;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}.input:focus{border-color:var(--hx-primary);background:#fff;box-shadow:0 0 0 3px #1e56a024}.error{margin-top:16px;padding:9px 12px;font-size:13px;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:9px}.submit{margin-top:22px;width:100%;height:46px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--hx-primary-hover) 0%,var(--hx-primary) 100%);color:#fff;font-size:16px;letter-spacing:6px;cursor:pointer;transition:transform .12s,box-shadow .15s,opacity .15s;box-shadow:0 12px 24px #1e56a047}.submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #1e56a057}.submit:active:not(:disabled){transform:translateY(0)}.submit:disabled{opacity:.7;cursor:not-allowed}.foot{margin-top:16px;text-align:center;font-size:12px;color:#94a3b8}