:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#0c1b3a;background:#f8fbff;font-synthesis:none;--blue:#0878ff;--ink:#0c1b3a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 31%,#fff 0,#f7fbff 42%,#eef6ff 100%);overflow-x:hidden}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-size:30px;font-weight:800;letter-spacing:-1.4px}.brand-mark{width:38px;height:38px;filter:drop-shadow(0 7px 8px rgba(8,102,229,.18))}.brand-line{color:#72829e;font-size:13px;letter-spacing:.08em}.auth-shell{min-height:calc(100vh - 148px);display:grid;grid-template-columns:minmax(150px,1fr) minmax(420px,510px) minmax(100px,1fr);align-items:start;gap:52px;padding:22px clamp(24px,5vw,76px) 56px;position:relative;z-index:2}.brand-story{align-self:center;justify-self:start;display:grid;gap:8px;color:#83a0c7;transform:translateY(-20px)}.brand-story p{margin:0 0 7px;font-size:11px;font-weight:700;letter-spacing:.22em;color:#9eb5d4}.brand-story strong{font-size:24px;color:#5379ac;letter-spacing:.02em}.brand-story span{font-size:13px;letter-spacing:.12em}.trust-note{align-self:end;justify-self:end;display:grid;gap:7px;padding-bottom:72px;color:#92a9c8;font-size:14px;font-weight:600;letter-spacing:.25em}.auth-panel{width:100%;padding:31px 34px 29px;border:1px solid rgba(197,218,244,.9);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 24px 70px rgba(58,105,164,.10),0 2px 8px rgba(45,94,156,.05);backdrop-filter:blur(18px)}h1{text-align:center;font-size:31px;line-height:1.25;letter-spacing:-.8px;margin:0 0 7px;font-weight:750}.intro{text-align:center;margin:0;color:#7a8ba6;font-size:13px}.destination{min-height:38px;width:max-content;max-width:100%;border:1px solid #dceaff;border-radius:999px;background:#f2f7ff;display:flex;align-items:center;gap:10px;padding:0 14px;margin:17px auto 24px;color:#52719d;font-size:13px}.destination span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.destination-dot{width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(8,120,255,.10)}.account-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef4fb;border-radius:9px;padding:4px;margin-bottom:23px}.account-tabs button{height:40px;border:0;border-radius:7px;background:transparent;font:600 14px/1 inherit;color:#6c7e9b;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.account-tabs button[aria-selected="true"]{color:#fff;background:linear-gradient(135deg,#1494ff,#0869f5);box-shadow:0 6px 14px rgba(8,105,245,.22)}.form-stack{display:grid;gap:14px}.form-stack label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#415778}.label-note{font-weight:400;color:#8b9bb4}.form-stack input{width:100%;height:46px;border:1px solid #cfdff2;border-radius:8px;padding:0 13px;font:400 14px/1 inherit;color:var(--ink);background:rgba(255,255,255,.88);outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.form-stack input::placeholder{color:#a1b0c5}.form-stack input:focus{border-color:#4d9cff;background:#fff;box-shadow:0 0 0 3px rgba(8,120,255,.10)}.password-wrap{display:block;position:relative}.password-wrap input{padding-right:62px}.reveal{position:absolute;right:8px;top:5px;height:36px;border:0;background:transparent;color:#6680a5;font:500 12px/1 inherit;cursor:pointer}.form-options{display:flex;align-items:center;justify-content:space-between;margin-top:-2px;font-size:12px}.remember{display:flex!important;grid:unset!important;flex-direction:row;align-items:center;gap:7px!important;color:#6f8099!important;font-weight:400!important}.remember input{width:14px;height:14px;accent-color:var(--blue)}.form-options a,.mode-switch a,.legal a{color:#0871ed;text-decoration:none}.form-options a:hover,.mode-switch a:hover,.legal a:hover{text-decoration:underline;text-underline-offset:3px}.primary,.secondary{height:48px;border-radius:8px;font:650 14px/1 inherit;cursor:pointer}.primary{border:1px solid #0870ef;color:#fff;background:linear-gradient(135deg,#1597ff 0,#075ff0 100%);box-shadow:0 10px 22px rgba(8,104,240,.20)}.primary span{padding-left:7px}.primary:hover{background:linear-gradient(135deg,#0786f7,#054fd4)}.primary:focus-visible,.secondary:focus-visible,.account-tabs button:focus-visible,.mode-switch a:focus-visible{outline:3px solid rgba(8,120,255,.23);outline-offset:2px}.secondary{border:1px solid #e0e8f2;color:#9aa8ba;background:#f3f6fa;display:flex;align-items:center;justify-content:center;gap:10px}.secondary small{border-radius:999px;background:#e7edf5;padding:4px 8px;font-size:10px}.secondary:disabled{cursor:not-allowed}.form-error{min-height:0;margin:0;color:#c53236;font-size:13px}.form-error:empty{display:none}.mode-switch{border-top:1px solid #e3ecf7;margin-top:22px;padding-top:20px;text-align:center;color:#70819c;font-size:13px}.legal{text-align:center;color:#8e9bb0;font-size:11px;margin:20px 0 0}.legal a{margin:0 2px}.ambient{position:fixed;z-index:0;pointer-events:none;border-radius:42%;border:1px solid rgba(70,152,255,.18);filter:blur(.1px)}.ambient-one{width:560px;height:560px;left:-350px;bottom:-210px;transform:rotate(28deg);box-shadow:inset -24px 0 70px rgba(46,167,255,.08)}.ambient-two{width:470px;height:470px;right:-330px;top:180px;transform:rotate(42deg);box-shadow:inset 24px 0 60px rgba(53,147,255,.07)}footer{height:66px;display:flex;align-items:center;justify-content:center;gap:32px;color:#91a0b5;font-size:11px;position:relative;z-index:2}footer nav{display:flex;gap:20px}footer a{color:inherit;text-decoration:none}[hidden]{display:none!important}body.register-mode .auth-panel{max-width:530px}body.register-mode .auth-shell{padding-top:4px}body.register-mode .form-stack{gap:11px}body.register-mode .form-stack input{height:42px}body.register-mode .destination{margin-bottom:18px}body.register-mode .account-tabs{margin-bottom:18px}body.register-mode .mode-switch{margin-top:17px;padding-top:16px}body.register-mode .legal{margin-top:13px}
@media(max-width:960px){.auth-shell{grid-template-columns:1fr;place-items:start center}.brand-story,.trust-note{display:none}.auth-panel{max-width:510px}.ambient-one{left:-430px}.ambient-two{right:-400px}}
@media(max-width:600px){body{background:linear-gradient(180deg,#f5f9ff 0,#fff 36%)}.topbar{height:72px;padding:0 20px}.brand{font-size:26px}.brand-mark{width:34px;height:34px}.brand-line{display:none}.auth-shell{min-height:calc(100vh - 132px);padding:11px 16px 38px}.auth-panel{padding:25px 20px 23px;border-radius:15px}h1{font-size:27px}.intro{font-size:12px}.destination{margin:15px auto 20px}.account-tabs{margin-bottom:20px}.form-stack{gap:13px}.form-stack input{height:46px}body.register-mode .auth-panel{padding-top:22px}body.register-mode .form-stack{gap:10px}footer{height:60px;gap:10px;flex-direction:column}footer nav{gap:14px}.ambient-two{display:none}}
@media(prefers-reduced-motion:no-preference){.auth-panel{animation:enter .4s cubic-bezier(.2,.75,.25,1) both}@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}}
.password-notice{border:1px solid #d6e7fb;border-radius:8px;background:#f1f7ff;color:#506f9a;padding:12px 13px;font-size:12px;line-height:1.6}