.menu-wrap{min-height:100%;width:100%;padding:24px 24px 32px;background:#0b1020;color:#e6e9f5;display:flex;flex-direction:column;gap:24px}.menu-header h2{margin:0 0 6px;font-size:28px;font-weight:700;color:#fff}.menu-header p{margin:0;color:#e6e9f5cc}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.menu-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;min-height:140px;box-shadow:0 8px 24px #00000040;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.menu-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000059}.menu-card.disabled{opacity:.7;cursor:not-allowed}.menu-card{width:100%;text-align:left}.menu-card-body{padding:18px}.menu-card-body h3{margin:0 0 6px;font-size:18px;color:#fff}.menu-card-body p{margin:0 0 10px;color:#e6e9f5bf}.menu-tag{display:inline-block;padding:4px 10px;border-radius:999px;background:#667eea26;border:1px solid rgba(102,126,234,.35);color:#c7d2fe;font-size:12px;font-weight:600}.menu-footer{margin-top:auto;display:flex;justify-content:center}.menu-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 24px #667eea59;transition:transform .15s ease,box-shadow .15s ease}.menu-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #764ba273}@media(max-width:1100px){.menu-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.menu-grid{grid-template-columns:1fr}.menu-wrap{padding:20px 14px 28px;gap:18px}.menu-card-body{padding:16px}.menu-card-body h3{font-size:17px}.menu-card-body p{font-size:14px;line-height:1.45}.menu-primary{width:100%;justify-content:center;text-align:center;white-space:normal}}