*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #1a1a1a;--card-bg: #222222;--border: #2e2e2e;--gold: #c9973a;--gold-light: #e8b84b;--text: #e2e8f0;--muted: #8892a4;--input-bg: #2a2a2a;--input-border: #3a3a3a;--error: #ef4444}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;border-bottom:1px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:50}.navbar-left{display:flex;align-items:center;gap:12px}.brand-box{background:var(--gold-light);border-radius:4px;padding:4px 6px;display:flex;align-items:center}.brand-box img{height:32px;width:auto;display:block}.brand-text{display:flex;flex-direction:column}.brand-title{font-size:15px;font-weight:600;color:var(--text);line-height:1.2}.brand-sub{font-size:11px;color:var(--muted);line-height:1.2}.nav-login-btn{display:flex;align-items:center;gap:6px;background:#fff;color:#1a1a1a;border:none;padding:7px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.nav-login-btn:hover{background:#f0f0f0}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 16px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:48px 44px 44px;width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:0}.icon-wrap{width:64px;height:64px;background:var(--gold-light);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}.welcome{font-size:22px;font-weight:700;color:var(--text);margin-bottom:16px;text-align:center}.access-badge{background:#2a2a1e;border:1px solid #3d3820;color:var(--muted);font-size:12.5px;padding:10px 18px;border-radius:30px;text-align:center;margin-bottom:10px;width:100%}.access-badge strong{color:var(--text)}.signin-hint{font-size:13px;color:var(--muted);margin-bottom:28px;text-align:center}.error-msg{display:none;background:#3b1a1a;border:1px solid #5c2626;color:var(--error);font-size:13px;padding:10px 16px;border-radius:8px;width:100%;text-align:center;margin-bottom:16px}.error-msg.visible{display:block}form{width:100%;display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--text);font-weight:500}.field input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:11px 14px;font-size:14px;color:var(--text);outline:none;transition:border-color .15s}.field input::placeholder{color:#555}.field input:focus{border-color:var(--gold)}.signin-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#1a1a1a;border:none;padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px;transition:background .15s,transform .1s}.signin-btn:hover{background:#f0f0f0}.signin-btn:active{transform:scale(.98)}