:root{--bg:#F2F6FD;--card:#FFFFFF;--text:#16243B;--muted:#5B6B82;--line:rgba(30,58,138,.16);--field:#F7F9FD;
  --gold:#B88A2E;--gold2:#8A6520;--err:#B42318}
@media (prefers-color-scheme: dark){:root{--bg:#0B1B33;--card:#12294A;--text:#EAF2FF;--muted:#93AECE;--line:rgba(200,169,110,.25);--field:#0F223F;--err:#F2A08F}}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--text);
  font-family:Inter,-apple-system,"Segoe UI",Roboto,sans-serif;padding:24px 16px}
.card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-top:3px solid var(--gold);
  border-radius:14px;padding:32px 30px;box-shadow:0 24px 60px rgba(16,32,64,.14)}
.brand{display:flex;align-items:center;gap:11px;margin-bottom:26px}
.glyph{width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,var(--gold),var(--gold2))}
.name{font-weight:700;font-size:15px;line-height:1.15}
.name span{display:block;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:34px;font-weight:600;margin:0 0 4px}
.sub{font-size:13.5px;color:var(--muted);margin:0 0 20px;line-height:1.5}
label{display:block;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}
input{width:100%;background:var(--field);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:12px 13px;font:inherit;font-size:15px}
input:focus{outline:none;border-color:var(--gold)}
.err{min-height:18px;color:var(--err);font-size:13px;font-weight:600;margin:12px 0 2px}
.btn{width:100%;margin-top:8px;border:0;border-radius:9px;padding:13px;font:inherit;font-weight:700;font-size:14px;letter-spacing:.04em;
  cursor:pointer;color:#1b1205;background:linear-gradient(135deg,var(--gold),var(--gold2))}
.btn[disabled]{opacity:.6;cursor:default}
.link{display:block;margin:16px auto 0;background:none;border:0;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.note{font-size:14px;line-height:1.55;color:var(--muted)}
.shops{display:flex;flex-direction:column;gap:9px;margin:4px 0}
.shop{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;background:var(--field);
  border:1px solid var(--line);border-radius:11px;padding:12px 14px;color:var(--text);font:inherit}
.shop:hover{border-color:var(--gold)}
.shop[disabled]{opacity:.6;cursor:default}
.shop .i{width:36px;height:36px;border-radius:9px;flex:0 0 auto;display:grid;place-items:center;font-weight:700;font-size:12.5px;
  color:#1b1205;background:linear-gradient(135deg,var(--gold),var(--gold2))}
.shop .n{font-weight:700;font-size:14.5px}
.shop .s{font-size:12px;color:var(--muted);margin-top:2px}