/* home.css */
*, *::before, *::after { box-sizing:border-box; }
html, body { margin:0; padding:0; height:100%; }
body { font-family:Verdana, Arial, sans-serif; background:#3C3C3C; display:flex; align-items:center; justify-content:center; min-height:100vh; }
.home-wrap { display:flex; flex-direction:column; align-items:center; width:100%; max-width:420px; padding:20px; }
.home-card { background:#2A2A2A; border-radius:14px; padding:36px 28px 28px; width:100%; box-shadow:0 8px 32px rgba(0,0,0,.4); }
.home-title { color:#FFFFFF; font-size:22px; font-weight:bold; text-align:center; margin-bottom:32px; line-height:1.4; }
.home-menu { display:flex; flex-direction:column; gap:12px; }
.menu-btn { display:flex; align-items:center; gap:16px; padding:16px 20px; background:#4A4A4A; border:none; border-radius:10px; cursor:pointer; color:#E8C84A; font-size:15px; font-family:inherit; font-weight:bold; width:100%; text-align:left; transition:background .15s; }
.menu-btn:hover  { background:#5A5A5A; }
.menu-btn:active { background:#3A3A3A; }
.menu-btn:disabled { opacity:.5; cursor:default; }
.menu-icon { font-size:22px; width:30px; text-align:center; flex-shrink:0; }
#home-msg { margin-top:16px; text-align:center; color:#E87722; font-size:12px; min-height:16px; }
.home-footer { margin-top:16px; background:#1A1A1A; color:#888; padding:8px 24px; border-radius:6px; font-size:11px; text-align:center; width:100%; }