/* Hero */
.mh-hero{padding:64px 16px;background:radial-gradient(1200px 600px at 10% 0%,rgba(99,102,241,.15),transparent 60%),linear-gradient(180deg,#0b0f1a,#0a0f1b 50%,#0b0f1a)}
.mh-hero__content{max-width:980px;margin:0 auto;text-align:center;color:#e5e7eb}
.mh-hero h1{font-size:clamp(28px,5vw,44px);margin:0 0 10px;font-weight:800;color:#fff}
.mh-hero p{opacity:.85;margin:0 0 18px}
.mh-hero__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

.mh-btn{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;padding:12px 18px;border-radius:12px;font-weight:700;cursor:pointer}
.mh-btn:hover{opacity:.95}
.mh-btn-ghost{background:#0f172a;color:#e5e7eb;border:1px solid #334155}

/* Modal */
.mh-modal{position:fixed;inset:0;display:none;z-index:1000}
.mh-modal.is-open{display:block}
.mh-modal__overlay{position:absolute;inset:0;background:rgba(2,6,23,.6);backdrop-filter:blur(2px)}
.mh-modal__dialog{position:relative;z-index:1;margin:4vh auto;background:#0b1220;border:1px solid #1f2a44;border-radius:16px;max-width:900px;color:#e5e7eb;box-shadow:0 20px 60px rgba(0,0,0,.55)}
.mh-modal__close{position:absolute;top:12px;right:12px;background:#0f172a;border:1px solid #334155;color:#e5e7eb;border-radius:10px;padding:6px 10px;cursor:pointer}
.mh-modal__header{padding:18px 18px 0}
.mh-modal__header h2{margin:0 0 8px}
.mh-modal__body{padding:18px}
@media (max-width: 768px){
  .mh-modal__dialog{margin:0;min-height:100vh;border-radius:0;width:100vw}
}

/* Tabs */
.mh-tabs{display:flex;gap:8px}
.mh-tab{background:#0f172a;border:1px solid #334155;color:#e5e7eb;border-radius:10px;padding:8px 12px;cursor:pointer}
.mh-tab.is-active{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:transparent}
.mh-tabpanel{display:none}
.mh-tabpanel.is-active{display:block}

/* Forms */
.mh-form{display:grid;gap:14px}
.mh-field{display:flex;flex-direction:column}
.mh-field label{font-size:14px;margin-bottom:6px;color:#a5b4fc}
.mh-field input{background:#0f172a;color:#e2e8f0;border:1px solid #334155;border-radius:10px;padding:10px 12px;outline:none}
.mh-field input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,.15)}
.mh-form__row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mh-check{display:flex;align-items:center;gap:8px}
.mh-link{color:#93c5fd;text-decoration:none}
.mh-link:hover{text-decoration:underline}
.mh-actions{display:flex;gap:12px}
.mh-password{position:relative}
.mh-password input{width:100%}
.mh-password__toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;cursor:pointer}