:root{--paper:#f6f4ef;--ink:#121417;--muted:#6f746f;--line:#ddd9d0;--accent:#1c4b3c}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.gate{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;align-items:center;padding:32px}
.gate-brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.16em}
.gate-brand em{font-style:normal;font-size:9px;padding:4px 7px;border:1px solid #cbc7be;border-radius:99px;letter-spacing:.12em}
.gate-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#111315;color:#fff;font-family:Georgia,serif;font-style:italic;font-size:18px}
.gate-card{width:min(520px,100%);margin:auto;background:#fffdf8;border:1px solid var(--line);border-radius:30px;padding:44px;box-shadow:0 24px 80px rgba(15,18,18,.08)}
.gate-kicker{font-size:10px;letter-spacing:.2em;font-weight:800;color:var(--muted);margin:0 0 14px}
.gate-card h1{font-family:Georgia,"Times New Roman",serif;font-size:44px;line-height:1.03;font-weight:500;letter-spacing:-.035em;margin:0 0 14px}
.gate-card>p:not(.gate-kicker){color:var(--muted);line-height:1.6;margin:0 0 28px}
.gate-card label{display:block;font-size:12px;font-weight:750}
.gate-card input{width:100%;margin-top:8px;border:1px solid #d7d3ca;background:white;border-radius:15px;padding:15px;outline:none}
.gate-card input:focus{border-color:#849c8d;box-shadow:0 0 0 4px rgba(28,75,60,.08)}
.gate-card button{margin-top:18px;width:100%;height:56px;border:0;border-radius:16px;background:var(--ink);color:#fff;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-weight:800}
.gate-card button span{font-size:20px}
.gate-error{margin-top:12px;background:#f7e9e6;color:#8b3d35;border-radius:12px;padding:11px 13px;font-size:12px;font-weight:700}
.gate-foot{text-align:center;color:#979a95;font-size:11px}
.admin-login-bg{background:#101214;color:#fff}
.admin-login-bg .gate-card{background:#171a1c;border-color:#2a2d2e}
.admin-login-bg .gate-card h1{color:#fff}
.admin-login-bg .gate-card input{background:#101214;border-color:#323637;color:#fff}
.admin-login-bg .gate-card button{background:#f3f0e9;color:#111315}
.admin-login-bg .gate-brand{color:white}.gate-mark.light{background:#f3f0e9;color:#111315}
.admin-login-bg .gate-brand em{border-color:#3c4041;color:#999}
@media(max-width:640px){.gate{padding:20px}.gate-card{padding:28px 22px;border-radius:24px}.gate-card h1{font-size:35px}.gate-foot{padding:0 20px}}