*{box-sizing:border-box}
:root{--accent:#2563eb;--bg:#f5f6f8;--ink:#0f172a;--card:#fff;--line:#e5e7eb;--radius:14px;--btn:#fff;--btn-ink:#0f172a}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;display:flex;justify-content:center}
.pg{width:100%;max-width:460px;padding:36px 18px 48px;text-align:center;animation:in .4s ease both}
@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.logo{width:96px;height:96px;object-fit:cover;border-radius:24px;margin:0 auto 14px;display:block;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.12)}
h1{font-size:1.7rem;line-height:1.2;margin:.1em 0 .3em;letter-spacing:-.02em}.desc{margin:0 auto 22px;opacity:.75;max-width:36ch}
.links{display:flex;flex-direction:column;gap:11px;margin-top:22px}
.lnk{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 18px;border-radius:var(--radius);background:var(--btn);color:var(--btn-ink);border:1px solid var(--line);font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s}
.lnk:hover,.lnk:focus-visible{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.12);border-color:var(--accent)}.lnk:active{transform:scale(.98)}.ic{font-size:1.2rem}
.draft{background:#fef3c7;color:#92400e;border-radius:10px;padding:8px 12px;font-size:.85rem;margin-bottom:16px}
.t-minimal{--bg:#fff;--line:#ececec;--radius:6px}.t-minimal .lnk{box-shadow:none}
.t-dark{--bg:#0b0f19;--ink:#f1f5f9;--btn:#161c2b;--btn-ink:#f1f5f9;--line:#27304a}
.t-premium{--bg:#111;--ink:#f5e9c8;--btn:linear-gradient(135deg,#2a2418,#14110b);--btn-ink:#f5e9c8;--line:#4a3f22;--radius:999px}.t-premium h1{font-family:Georgia,"Times New Roman",serif;font-weight:500}.t-premium .lnk{background:var(--btn)}
.t-restaurant{--bg:#fbf4ea;--ink:#3b2412;--btn:#fff;--line:#ecd9bf;--radius:18px}.t-restaurant h1{font-family:Georgia,"Times New Roman",serif}
.t-light .lnk,.t-minimal .lnk,.t-restaurant .lnk{border-left:4px solid var(--accent)}.t-dark .lnk,.t-premium .lnk{border-left:4px solid var(--accent)}.t-premium .lnk{border-left-width:1px;border-color:var(--accent)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.notice{margin:0 auto 18px;max-width:38ch;padding:11px 14px;border-radius:14px;font-weight:600;font-size:.95rem;background:rgba(127,127,127,.14);border:1px solid var(--accent)}
@supports(background:color-mix(in srgb,red 10%,transparent)){.notice{background:color-mix(in srgb,var(--accent) 14%,transparent)}}
html{overflow-x:hidden}img{max-width:100%}h1,.desc,.lnk span,.notice{overflow-wrap:anywhere}.lnk span{min-width:0}