:root{--bg:#191410;--card:#221b16;--line:#3a3027;--ink:#efe6d8;--muted:#a89c8c;--accent:#dd6b50}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:radial-gradient(120% 120% at 50% 0,#221b16 0,var(--bg) 60%);color:var(--ink);font-family:Inter,Noto Sans Thai,system-ui,-apple-system,sans-serif;display:grid;place-items:center;min-height:100dvh;padding:24px}.card{width:100%;max-width:440px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:44px 32px;box-shadow:0 24px 60px rgba(0,0,0,.45)}.logo{width:72px;height:72px;margin:0 auto 22px;border-radius:18px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:36px;box-shadow:0 10px 26px rgba(221,107,80,.45)}h1{font-size:26px;font-weight:800;letter-spacing:-.01em}.tag{display:inline-block;margin-top:6px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.tag,p.lead{color:var(--muted)}p.lead{margin-top:18px;font-size:15px;line-height:1.6}.loginform{margin-top:24px;display:flex;flex-direction:column;gap:12px}.loginform input{width:100%;background:#2a221c;border:1px solid var(--line);border-radius:12px;padding:13px 16px;color:var(--ink);font:inherit;font-size:15px;outline:none}.loginform input:focus{border-color:var(--accent)}.loginform button{width:100%;background:var(--accent);color:#fff;border:0;border-radius:12px;padding:13px 16px;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:filter .15s}.loginform button:hover{filter:brightness(1.07)}.err{margin-top:14px;color:#f0876b;font-size:13px}footer{margin-top:30px;font-size:12px;color:var(--muted)}@media (max-width:380px){.card{padding:34px 22px}h1{font-size:22px}}