:root{color-scheme:dark;--gold:#e3bf78;--text:#efe9e8;--muted:#aea2ad}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;padding:28px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 45% 0,#2d2232 0,#100e15 62%);font:14px/1.5 "Microsoft JhengHei","Noto Sans TC",system-ui,sans-serif;color:var(--text)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #e9c581;outline-offset:3px}.auth-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);width:min(1180px,100%);min-height:640px;border:1px solid #4a3a46;border-radius:14px;overflow:hidden;background:#1b1720;box-shadow:0 28px 80px #0008}.auth-story{position:relative;display:flex;flex-direction:column;padding:34px;background:linear-gradient(0deg,#16111be8 0%,#211827b0 55%,#21182790 100%),url('../images/evolution-arena.webp') center/cover}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid #a88758;border-radius:12px;background:#49372dcc;color:#f1ce8d;font-size:17px}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{color:#f0d2a0;font-size:20px;letter-spacing:.13em;line-height:1.1}.auth-brand small{font-size:8px;letter-spacing:.16em;color:#b2a19b;margin-top:5px}.auth-story-copy{margin:auto 0;padding:45px 8px}.auth-eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;color:#c6a885}.auth-story h1{font-size:clamp(30px,3.3vw,44px);line-height:1.42;letter-spacing:.04em;margin:18px 0;color:#f2e7e0}.auth-story h1 em{color:#e4bd82;font-style:normal}.auth-story-copy p{color:#d4c2c7;font-size:13px;line-height:1.9;margin:0}.auth-races{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.auth-races span{border:1px solid #8b7180;border-radius:30px;padding:4px 10px;font-size:10px;color:#e4d5d7;background:#221c27a6}.auth-story-foot{display:flex;justify-content:space-between;gap:10px;color:#b5a1a6;font-size:10px;letter-spacing:.1em}.auth-panel{padding:40px 44px 24px;display:flex;flex-direction:column;background:linear-gradient(150deg,#241e29,#19161e 80%)}.auth-panel-inner{width:100%;max-width:360px;margin:auto}.auth-panel h2{font-size:25px;margin:7px 0 4px;letter-spacing:.04em}.auth-description{font-size:12px;color:var(--muted);margin:0 0 28px}.tab{display:flex;border-bottom:1px solid #443945;margin-bottom:22px}.tab button{flex:1;border:0;border-bottom:2px solid transparent;background:none;color:#a99ca9;padding:11px;font-size:13px}.tab button.active{color:#e6c58d;border-color:#dfb879;font-weight:700}.tab button:hover{color:#e5ccaf}.form-container{display:none}.form-container.active{display:block}.input-group{margin-bottom:15px}.input-group label{display:block;font-size:11px;color:#c7b8c2;margin-bottom:7px}.input-wrap{position:relative}.input-wrap i{position:absolute;top:50%;left:14px;transform:translateY(-50%);font-size:13px;color:#a28fa2}.input-wrap input{width:100%;height:45px;padding:10px 12px 10px 40px;border:1px solid #4b3c4c;border-radius:7px;background:#161219;color:#eee5ed;font-size:13px}.input-wrap input::placeholder{color:#857a86}.input-wrap input:focus{border-color:#c9ab7c;background:#1d1720}.submit-btn{width:100%;height:46px;margin-top:8px;border:1px solid #d2af77;border-radius:7px;background:linear-gradient(135deg,#e8c98f,#b7874d);color:#302318;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px}.submit-btn:hover:not(:disabled){filter:brightness(1.1)}.submit-btn:disabled{opacity:.6;cursor:wait}.error-message{font-size:12px;color:#eda8b0;line-height:1.6;margin-top:11px}.error-message:empty{display:none}.auth-note{display:flex;gap:8px;padding-top:20px;color:#958a95;font-size:11px}.auth-note i{color:#b99a78;margin-top:2px}.auth-footer{width:100%;max-width:360px;margin:24px auto 0;color:#817782;font-size:10px}.auth-footer span{color:#b18e72;padding:0 4px}@media(max-width:780px){body{display:block;padding:0}.auth-shell{display:block;min-height:100vh;border:0;border-radius:0;box-shadow:none}.auth-story{min-height:220px;padding:22px 20px;background-position:center 45%}.auth-brand-mark{width:34px;height:34px}.auth-brand strong{font-size:17px}.auth-story-copy{padding:25px 0 8px}.auth-story h1{font-size:23px;margin:9px 0;line-height:1.35}.auth-story-copy p{font-size:11px;line-height:1.65}.auth-races{margin-top:12px}.auth-races span{font-size:9px;padding:3px 8px}.auth-story-foot{display:none}.auth-panel{padding:30px 20px 24px;min-height:calc(100vh - 220px)}.auth-panel-inner{margin:0 auto}.auth-panel h2{font-size:22px}.auth-description{margin-bottom:20px}.tab{margin-bottom:16px}.auth-footer{margin-top:22px}.desktop-break{display:none}}@media(max-width:360px){.auth-story{min-height:190px}.auth-story-copy{padding-top:18px}.auth-story h1{font-size:20px}.auth-races{gap:4px}.auth-panel{padding:24px 16px}.input-group{margin-bottom:12px}}