:root {
  --bg: #08111f;
  --panel: #0f1b2d;
  --panel-soft: #15243a;
  --line: rgba(255,255,255,.1);
  --text: #f4f7fb;
  --muted: #9fb0c7;
  --primary: #6d5dfc;
  --primary-2: #8b7cff;
  --success: #2dd4a3;
  --warning: #f6c453;
  --danger: #ff6b7a;
  --shadow: 0 24px 70px rgba(0,0,0,.35);
  --radius: 20px;
}
* { box-sizing: border-box; }
html { color-scheme: dark; }
body { margin: 0; min-height: 100vh; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--text); background: radial-gradient(circle at 10% 10%, #162b51 0, transparent 32%), radial-gradient(circle at 90% 20%, #2a174d 0, transparent 30%), var(--bg); }
a { color: inherit; }
button, input, select { font: inherit; }
button { cursor: pointer; }
.muted { color: var(--muted); }
.muted-small { color: var(--muted); font-size: .88rem; }
.eyebrow { display: inline-block; letter-spacing: .16em; font-size: .74rem; font-weight: 800; color: #a89fff; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 0 20px; border: 1px solid transparent; border-radius: 13px; text-decoration: none; font-weight: 800; transition: .2s ease; }
.button:hover { transform: translateY(-1px); }
.button:disabled { opacity: .45; cursor: not-allowed; transform: none; }
.button-primary { background: linear-gradient(135deg, var(--primary), var(--primary-2)); color: white; box-shadow: 0 10px 30px rgba(109,93,252,.27); }
.button-secondary { background: rgba(109,93,252,.14); border-color: rgba(139,124,255,.45); color: #d9d4ff; }
.button-ghost { background: transparent; border-color: var(--line); color: var(--text); }
.button-small { min-height: 38px; padding: 0 14px; font-size: .88rem; }
.alert { padding: 13px 15px; border-radius: 12px; margin-bottom: 15px; font-size: .93rem; }
.alert-success { background: rgba(45,212,163,.12); border: 1px solid rgba(45,212,163,.35); color: #a9f4df; }
.alert-error { background: rgba(255,107,122,.12); border: 1px solid rgba(255,107,122,.35); color: #ffc5cb; }

.auth-shell { min-height: calc(100vh - 48px); display: grid; grid-template-columns: 1.2fr .8fr; }
.auth-visual { display: flex; align-items: center; padding: 8vw; position: relative; overflow: hidden; }
.auth-visual::after { content: ""; position: absolute; width: 380px; height: 380px; border-radius: 50%; background: linear-gradient(135deg, rgba(109,93,252,.4), rgba(45,212,163,.15)); filter: blur(8px); right: -120px; bottom: -120px; }
.visual-content { max-width: 680px; position: relative; z-index: 1; }
.visual-content h1 { font-size: clamp(2.5rem, 5.5vw, 5.5rem); line-height: 1.02; margin: 18px 0 22px; }
.visual-content p { max-width: 620px; color: var(--muted); font-size: 1.13rem; line-height: 1.7; }
.feature-row { margin-top: 14px; color: #dce7f7; }
.feature-row span { color: var(--success); font-weight: 900; margin-right: 8px; }
.auth-card-wrap { display: flex; align-items: center; justify-content: center; padding: 36px; background: rgba(7,13,24,.55); backdrop-filter: blur(18px); }
.auth-card { width: min(430px, 100%); padding: 34px; border: 1px solid var(--line); border-radius: 24px; background: rgba(15,27,45,.92); box-shadow: var(--shadow); }
.auth-card-wide { width: min(500px, 100%); }
.auth-logo { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 16px; background: linear-gradient(135deg, var(--primary), #27d9a7); font-weight: 900; font-size: 1.5rem; }
.auth-card h2 { font-size: 2rem; margin: 20px 0 6px; }
.stack-form { display: grid; gap: 15px; margin-top: 22px; }
label { display: grid; gap: 7px; color: #d9e2ef; font-size: .9rem; font-weight: 700; }
input, select { width: 100%; min-height: 46px; border: 1px solid var(--line); border-radius: 12px; background: #0b1627; color: var(--text); padding: 0 13px; outline: none; }
input:focus, select:focus { border-color: var(--primary-2); box-shadow: 0 0 0 3px rgba(139,124,255,.12); }
.auth-link { margin: 20px 0 0; text-align: center; color: var(--muted); }
.auth-link a { color: #b9b1ff; font-weight: 800; }
.footer { min-height: 48px; display: grid; place-items: center; color: #71849d; font-size: .8rem; }

.topbar { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 12px 4vw; border-bottom: 1px solid var(--line); background: rgba(8,17,31,.8); backdrop-filter: blur(16px); position: sticky; top: 0; z-index: 20; }
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.brand-mark { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: linear-gradient(135deg, var(--primary), #25d4a4); font-weight: 900; }
.brand strong, .brand small { display: block; }
.brand small { color: var(--muted); margin-top: 2px; }
.top-actions { display: flex; align-items: center; gap: 12px; }
.user-chip { color: var(--muted); }

.bot-page { min-height: calc(100vh - 120px); display: grid; grid-template-columns: 300px minmax(0, 980px); justify-content: center; gap: 22px; padding: 28px 4vw; }
.bot-sidebar { display: grid; align-content: start; gap: 14px; }
.profile-card, .account-box, .status-box { padding: 18px; border: 1px solid var(--line); background: rgba(15,27,45,.88); border-radius: 18px; }
.profile-card { display: flex; gap: 12px; align-items: center; }
.avatar { width: 46px; height: 46px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 14px; background: rgba(109,93,252,.18); border: 1px solid rgba(139,124,255,.35); color: #c9c3ff; font-weight: 900; }
.profile-card span, .account-box span, .account-box small, .status-box span { display: block; color: var(--muted); font-size: .8rem; }
.account-box strong { display: block; overflow-wrap: anywhere; margin: 8px 0; }
.status-box { border-left: 4px solid var(--warning); }
.status-approved { border-left-color: var(--success); }
.status-blocked { border-left-color: var(--danger); }
.demo-badge { padding: 12px 14px; text-align: center; border: 1px dashed rgba(246,196,83,.45); border-radius: 14px; color: #ffe0a0; background: rgba(246,196,83,.08); }
.chat-panel { border: 1px solid var(--line); background: rgba(11,22,39,.88); border-radius: 24px; overflow: hidden; box-shadow: var(--shadow); }
.chat-header { min-height: 78px; display: flex; align-items: center; gap: 13px; padding: 15px 20px; border-bottom: 1px solid var(--line); background: rgba(15,27,45,.9); }
.bot-avatar { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, var(--primary), #22cfa2); font-weight: 900; }
.chat-header strong, .chat-header span { display: block; }
.chat-header span { color: var(--muted); font-size: .8rem; margin-top: 3px; }
.chat-header i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--success); margin-right: 5px; }
.chat-body { padding: 22px; }
.message { max-width: 76%; padding: 14px 17px; border-radius: 18px; margin: 0 0 18px; line-height: 1.55; }
.message p { margin: 0; }
.message p + p { margin-top: 8px; }
.bot-message { background: var(--panel-soft); border-top-left-radius: 5px; }
.user-message { margin-left: auto; background: linear-gradient(135deg, var(--primary), #715ef1); border-top-right-radius: 5px; }
.compact-message { margin-top: 20px; }
.warning-message { border: 1px solid rgba(246,196,83,.35); background: rgba(246,196,83,.1); color: #ffe4a9; }
.error-message { border: 1px solid rgba(255,107,122,.35); background: rgba(255,107,122,.1); color: #ffc7cd; }
.platform-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.platform-option { display: flex; align-items: center; grid-template-columns: none; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 15px; background: #0d1a2d; cursor: pointer; transition: .2s ease; }
.platform-option:hover { border-color: rgba(139,124,255,.55); }
.platform-option.selected { border-color: var(--primary-2); background: rgba(109,93,252,.14); box-shadow: 0 0 0 3px rgba(109,93,252,.08); }
.platform-option.disabled { opacity: .42; cursor: not-allowed; }
.platform-option input, .category-option input { width: auto; min-height: auto; accent-color: var(--primary); }
.platform-icon { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 12px; background: rgba(255,255,255,.07); font-weight: 900; }
.platform-option strong, .platform-option small { display: block; }
.platform-option small { color: var(--muted); margin-top: 2px; }
.category-grid { display: flex; flex-wrap: wrap; gap: 9px; }
.category-option { display: flex; grid-template-columns: none; align-items: center; gap: 7px; min-height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 999px; background: #0d1a2d; cursor: pointer; }
.category-option.selected { border-color: var(--primary-2); background: rgba(109,93,252,.14); }
.search-button { margin-top: 18px; width: 100%; }
.result-list { display: grid; gap: 12px; }
.result-card { padding: 17px; border: 1px solid var(--line); background: #101e32; border-radius: 16px; }
.result-top, .result-meta { display: flex; justify-content: space-between; gap: 12px; color: var(--muted); font-size: .8rem; }
.result-platform { color: #bcb5ff; font-weight: 900; }
.result-card h3 { margin: 12px 0 6px; font-size: 1.08rem; }
.result-card p { color: var(--muted); margin: 0 0 14px; }
.result-meta { margin-bottom: 14px; }

.admin-page { width: min(1240px, calc(100% - 40px)); margin: 28px auto 60px; }
.admin-hero { display: flex; justify-content: space-between; gap: 25px; align-items: center; margin-bottom: 22px; }
.admin-hero h1 { font-size: clamp(2rem, 4vw, 3.6rem); margin: 10px 0; }
.admin-hero p { color: var(--muted); max-width: 720px; }
.connection-card { min-width: 250px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); border-left: 4px solid var(--danger); }
.connection-card.ok { border-left-color: var(--success); }
.connection-card span, .connection-card small { display: block; color: var(--muted); }
.connection-card strong { display: block; margin: 6px 0; }
.stats-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.stats-grid article { padding: 18px; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); }
.stats-grid span { color: var(--muted); }
.stats-grid strong { display: block; font-size: 2rem; margin-top: 6px; }
.admin-section { margin-top: 22px; padding: 22px; border: 1px solid var(--line); border-radius: 20px; background: rgba(15,27,45,.84); }
.section-heading h2 { margin: 0 0 5px; }
.section-heading p { margin: 0 0 18px; color: var(--muted); }
.user-list { display: grid; gap: 16px; }
.user-card { padding: 18px; border: 1px solid var(--line); background: #0d1a2d; border-radius: 17px; }
.user-card-head { display: flex; align-items: center; gap: 12px; }
.user-card-head h3, .user-card-head p { margin: 0; }
.user-card-head p { color: var(--muted); margin-top: 3px; }
.status-pill { margin-left: auto; padding: 7px 10px; border-radius: 999px; font-size: .76rem; font-weight: 900; background: rgba(246,196,83,.12); color: #ffe1a3; }
.status-pill.status-approved { background: rgba(45,212,163,.12); color: #9df0d7; }
.status-pill.status-blocked { background: rgba(255,107,122,.12); color: #ffc4ca; }
.access-form { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--line); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
fieldset { margin: 15px 0; border: 1px solid var(--line); border-radius: 13px; }
legend { color: var(--muted); padding: 0 7px; }
.permission-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; }
.permission-grid label { display: flex; grid-template-columns: none; align-items: center; gap: 7px; padding: 8px; border-radius: 10px; background: rgba(255,255,255,.03); }
.permission-grid input { width: auto; min-height: auto; }
.password-form { display: grid; grid-template-columns: minmax(220px, 1fr) auto; align-items: end; gap: 12px; margin-top: 14px; }
.audit-list { display: grid; gap: 8px; }
.audit-list > div { display: grid; grid-template-columns: 1fr 1fr auto; gap: 12px; padding: 11px 12px; border-radius: 10px; background: rgba(255,255,255,.03); }
.audit-list span, .audit-list time { color: var(--muted); font-size: .84rem; }
.empty-state { padding: 30px; text-align: center; color: var(--muted); border: 1px dashed var(--line); border-radius: 14px; }
.error-page { min-height: calc(100vh - 48px); display: grid; place-items: center; padding: 25px; }
.error-card { width: min(520px,100%); text-align: center; padding: 42px; border: 1px solid var(--line); border-radius: 24px; background: var(--panel); }
.error-card > span { font-size: 5rem; font-weight: 900; color: #7566ff; }

@media (max-width: 980px) {
  .auth-shell { grid-template-columns: 1fr; }
  .auth-visual { min-height: 45vh; padding: 60px 8vw; }
  .auth-card-wrap { padding: 28px 18px; }
  .bot-page { grid-template-columns: 1fr; }
  .bot-sidebar { grid-template-columns: repeat(3,1fr); }
  .demo-badge { grid-column: 1 / -1; }
  .permission-grid { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 700px) {
  .topbar { align-items: flex-start; }
  .brand small, .user-chip { display: none; }
  .bot-page { padding: 15px; }
  .bot-sidebar { grid-template-columns: 1fr; }
  .chat-body { padding: 15px; }
  .message { max-width: 92%; }
  .platform-grid { grid-template-columns: 1fr; }
  .admin-page { width: min(100% - 22px, 1240px); }
  .admin-hero { align-items: stretch; flex-direction: column; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .form-row, .password-form { grid-template-columns: 1fr; }
  .permission-grid { grid-template-columns: 1fr 1fr; }
  .user-card-head { align-items: flex-start; flex-wrap: wrap; }
  .status-pill { margin-left: 0; }
  .audit-list > div { grid-template-columns: 1fr; }
}

/* Campo independiente para el correo original de la plataforma. */
.platform-email-field {
  margin-top: 4px;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #0d1a2d;
}
.platform-email-field > span { color: #eef3fb; font-weight: 800; }
.platform-email-field input { margin-top: 3px; }
.platform-email-field small { color: var(--muted); font-weight: 500; }
.user-message .muted-small { color: rgba(255,255,255,.76); overflow-wrap: anywhere; }

/* Vista interna segura del correo: texto plano, sin HTML activo. */
.result-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.safe-message-page { min-height: calc(100vh - 120px); padding: 30px 4vw 60px; }
.safe-message-shell { width: min(1050px, 100%); margin: 0 auto; }
.safe-message-toolbar { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.safe-message-card { overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: rgba(15,27,45,.93); box-shadow: var(--shadow); }
.safe-message-heading { padding: 28px; border-bottom: 1px solid var(--line); background: linear-gradient(135deg, rgba(109,93,252,.12), rgba(37,212,164,.06)); }
.safe-message-heading h1 { margin: 8px 0 10px; font-size: clamp(1.7rem, 4vw, 3rem); overflow-wrap: anywhere; }
.safe-message-heading p { margin: 0; color: var(--muted); }
.safe-message-meta { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; padding: 20px 28px; border-bottom: 1px solid var(--line); }
.safe-message-meta > div { padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.025); }
.safe-message-meta span, .safe-message-meta small { display: block; color: var(--muted); font-size: .8rem; }
.safe-message-meta strong { display: block; margin: 5px 0; overflow-wrap: anywhere; }
.safe-notice { margin: 20px 28px 0; padding: 14px 16px; border: 1px solid rgba(246,196,83,.35); border-radius: 14px; color: #ffe4a9; background: rgba(246,196,83,.08); line-height: 1.5; }
.safe-body-panel { margin: 20px 28px 28px; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: #0b1728; }
.safe-body-panel h2 { margin: 0 0 16px; }
.safe-body-panel pre { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; line-height: 1.65; color: #edf3fb; }
@media (max-width: 760px) {
  .safe-message-toolbar { flex-direction: column; }
  .safe-message-toolbar .button { width: 100%; }
  .safe-message-meta { grid-template-columns: 1fr; padding: 16px; }
  .safe-message-heading { padding: 20px; }
  .safe-notice, .safe-body-panel { margin-left: 16px; margin-right: 16px; }
  .result-actions .button { width: 100%; }
}

/* =====================================================
   GMastk v3.1: verificación automática y correo interno
   ===================================================== */
.verified-list-box { padding: 16px; border: 1px solid var(--line); border-radius: 18px; background: rgba(15,27,45,.88); }
.verified-list-box > span { display: block; margin-bottom: 10px; color: var(--muted); font-size: .8rem; }
.verified-list-box a { display: block; padding: 8px 10px; margin-top: 7px; overflow-wrap: anywhere; border-radius: 10px; background: rgba(255,255,255,.035); color: #d9e3f2; text-decoration: none; font-size: .84rem; }
.verified-list-box a:hover { background: rgba(109,93,252,.15); }
.platform-netflix { background: #e50914; color: #fff; }
.platform-max { background: #3c20d8; color: #fff; }
.platform-disney { background: #0b66e4; color: #fff; }
.platform-crunchyroll { background: #f47521; color: #fff; }
.platform-prime-video { background: #00a8e1; color: #001a2a; }
.platform-spotify { background: #1ed760; color: #051b0d; }
.platform-youtube { background: #ff0033; color: #fff; }
.platform-email-field { margin-top: 4px; padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: #0d1a2d; }
.platform-email-field > span { color: #eef3fb; font-weight: 800; }
.platform-email-field input { margin-top: 3px; }
.platform-email-field small { color: var(--muted); font-weight: 500; }
.user-message .muted-small { color: rgba(255,255,255,.78); overflow-wrap: anywhere; }
.result-actions { display: flex; flex-wrap: wrap; gap: 10px; }

.verification-card { display: grid; grid-template-columns: auto 1fr; gap: 18px; margin: 0 0 22px; padding: 22px; border: 1px solid rgba(139,124,255,.4); border-radius: 20px; background: linear-gradient(135deg, rgba(109,93,252,.12), rgba(15,27,45,.98)); }
.verification-icon { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 16px; background: rgba(109,93,252,.2); font-size: 1.55rem; }
.verification-card h2 { margin: 8px 0 8px; }
.verification-card p { margin: 0 0 16px; color: var(--muted); line-height: 1.6; }
.verification-form { display: grid; grid-template-columns: minmax(180px,1fr) auto; align-items: end; gap: 12px; }
.verification-form input { font-size: 1.35rem; letter-spacing: .25em; text-align: center; font-weight: 900; }
.demo-code { margin: 12px 0 16px; padding: 12px 14px; border: 1px dashed rgba(246,196,83,.5); border-radius: 12px; color: #ffe3a8; background: rgba(246,196,83,.08); }

.mail-view-page { min-height: calc(100vh - 120px); padding: 28px 3vw 60px; background: #f4f6f8; color: #202124; }
.mail-view-shell { width: min(1180px, 100%); margin: 0 auto; }
.safe-message-toolbar { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.email-document { overflow: hidden; border: 1px solid #dfe3e8; border-radius: 18px; background: white; box-shadow: 0 18px 50px rgba(22,30,40,.14); }
.email-client-header { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 12px; align-items: start; padding: 18px 22px; border-bottom: 1px solid #e8eaed; background: #fff; }
.email-sender-logo { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: #111; color: #e50914; font-size: 1.45rem; font-weight: 900; }
.email-sender-info strong { color: #202124; }
.email-sender-info span, .email-sender-info small, .email-client-header time { color: #5f6368; font-size: .82rem; }
.email-sender-info small { display: block; margin-top: 4px; }
.email-layout { display: grid; grid-template-columns: minmax(70px,1fr) minmax(320px,650px) minmax(70px,1fr); background: #fff; }
.email-side { background: #e8e8e8; min-height: 540px; }
.email-content { padding: 34px 40px 44px; background: #fff; }
.email-brand { width: 54px; height: 54px; display: grid; place-items: center; margin-bottom: 20px; color: #e50914; font-size: 2.6rem; font-weight: 950; }
.email-content h1 { margin: 0 0 24px; color: #202124; font-size: clamp(1.8rem, 4vw, 2.7rem); line-height: 1.15; }
.email-body-text { white-space: pre-wrap; overflow-wrap: anywhere; color: #303134; font-size: 1rem; line-height: 1.65; }
.email-codes { margin-top: 28px; padding: 20px; border: 1px solid #e5e7eb; border-radius: 14px; background: #fafafa; }
.email-codes h2 { margin: 0 0 14px; color: #202124; font-size: 1.1rem; }
.code-row { display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.code-row + .code-row { margin-top: 12px; padding-top: 12px; border-top: 1px solid #e5e7eb; }
.code-row strong { color: #111827; font-size: 2rem; letter-spacing: .18em; }
.email-actions { display: grid; gap: 12px; margin-top: 28px; }
.email-action-button { display: flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 22px; border-radius: 5px; background: #202124; color: white; text-align: center; text-decoration: none; font-weight: 800; }
.email-action-button.primary-action { background: #e50914; }
.email-actions p { margin: 3px 0 0; color: #6b7280; font-size: .8rem; text-align: center; }
.platform-document-max .email-brand, .platform-document-max .email-sender-logo { color: #4f2ee8; }
.platform-document-max .email-action-button.primary-action { background: #4f2ee8; }
.platform-document-disney .email-brand, .platform-document-disney .email-sender-logo { color: #0b66e4; }
.platform-document-disney .email-action-button.primary-action { background: #0b66e4; }
.platform-document-crunchyroll .email-brand, .platform-document-crunchyroll .email-sender-logo { color: #f47521; }
.platform-document-crunchyroll .email-action-button.primary-action { background: #f47521; }
.platform-document-prime-video .email-brand, .platform-document-prime-video .email-sender-logo { color: #00a8e1; }
.platform-document-prime-video .email-action-button.primary-action { background: #00a8e1; color: #001a2a; }
.mail-view-page .safe-notice { margin: 24px 0 0; color: #7a4e00; background: #fff8e1; border-color: #f2d483; }

@media (max-width: 800px) {
  .verification-card { grid-template-columns: 1fr; }
  .verification-form { grid-template-columns: 1fr; }
  .email-layout { grid-template-columns: 1fr; }
  .email-side { display: none; }
  .email-content { padding: 28px 22px 36px; }
  .email-client-header { grid-template-columns: auto 1fr; }
  .email-client-header time { grid-column: 2; }
  .code-row { align-items: stretch; flex-direction: column; }
  .code-row strong { font-size: 1.6rem; }
}

/* =========================================================
   GMASTK CYBER BLACK — PREMIUM OWNER EDITION v5
   ========================================================= */
:root{--cyber:#35ff78;--cyber2:#00d56c;--cyber-soft:rgba(53,255,120,.15);--cyber-line:rgba(53,255,120,.32);--purple:#b445ff;--ink:#020604;--ink2:#07100c;--ink3:#0b1510;--white:#f2fff7;--gray:#8ca097}
body{background:#010402;color:var(--white);font-family:"Segoe UI",Inter,system-ui,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(30,255,104,.08),transparent 30%),radial-gradient(circle at 85% 70%,rgba(180,69,255,.06),transparent 28%),linear-gradient(rgba(53,255,120,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(53,255,120,.018) 1px,transparent 1px);background-size:auto,auto,40px 40px,40px 40px;z-index:-2}
body:after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.12) 3px 4px);z-index:9999;opacity:.25}
.cyber-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff}.cyber-logo,.mini-cyber-logo,.login-emblem,.shield-g,.footer-mark{display:grid;place-items:center;color:#baffcf;font-family:Orbitron,"Segoe UI",sans-serif;font-weight:900;text-shadow:0 0 16px var(--cyber)}.cyber-logo{width:58px;height:58px;position:relative;clip-path:polygon(50% 0,93% 24%,93% 76%,50% 100%,7% 76%,7% 24%);background:linear-gradient(145deg,#20382b,#07100b 55%,#1aff69);box-shadow:0 0 28px rgba(53,255,120,.65)}.cyber-logo:before{content:"";position:absolute;inset:5px;clip-path:inherit;background:#030704;border:1px solid var(--cyber)}.cyber-logo span{position:relative;font-size:30px}.cyber-brand-copy{display:flex;flex-direction:column}.cyber-brand-copy strong{font-size:27px;letter-spacing:.16em;line-height:1}.cyber-brand-copy small{color:var(--cyber);letter-spacing:.48em;font-weight:800;margin-top:7px}.secure-chip{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--cyber-line);border-radius:12px;padding:11px 18px;color:var(--cyber);font-weight:800;background:rgba(1,8,4,.8);box-shadow:inset 0 0 18px rgba(53,255,120,.05),0 0 20px rgba(53,255,120,.06)}.secure-chip i{width:9px;height:9px;border-radius:50%;background:var(--cyber);box-shadow:0 0 13px var(--cyber)}
.cyber-login-shell{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(ellipse at bottom,rgba(36,255,105,.09),transparent 45%),#010402}.matrix-rain{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(180deg,transparent 0 15%,rgba(53,255,120,.35) 15% 16%,transparent 16% 100%);background-size:6px 100px;mask-image:linear-gradient(90deg,black,transparent 62%)}.cyber-login-header{height:88px;padding:18px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(53,255,120,.18);position:relative;z-index:2}.cyber-login-content{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;width:min(1460px,90vw);margin:0 auto;padding:45px 0 70px;position:relative;z-index:2}.cyber-login-presentation{max-width:670px}.cyber-eyebrow{display:inline-flex;padding:6px 10px;border:1px solid var(--cyber-line);border-radius:5px;color:#d6ffdf;background:rgba(53,255,120,.08);font-size:.78rem;font-weight:900;letter-spacing:.08em}.cyber-login-presentation h1{font-size:clamp(3rem,5.3vw,6.2rem);line-height:1.02;margin:26px 0 20px;letter-spacing:-.045em;text-shadow:0 0 24px rgba(255,255,255,.12)}.cyber-login-presentation h1 em{display:block;color:var(--cyber);font-style:normal;text-shadow:0 0 26px rgba(53,255,120,.55)}.cyber-login-presentation>p{color:#b6c3bb;font-size:1.08rem;line-height:1.7;max-width:610px}.cyber-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:28px}.cyber-feature-grid article{display:flex;gap:14px;align-items:center;min-height:70px;padding:13px 16px;border:1px solid var(--cyber-line);border-radius:8px;background:linear-gradient(135deg,rgba(53,255,120,.08),rgba(0,0,0,.2));box-shadow:inset 0 0 20px rgba(53,255,120,.02)}.feature-icon{font-size:27px;color:var(--cyber);text-shadow:0 0 12px var(--cyber)}.cyber-feature-grid strong,.cyber-feature-grid small{display:block}.cyber-feature-grid strong{font-size:.84rem;color:var(--cyber)}.cyber-feature-grid small{color:#b8c2bc;margin-top:4px}.creator-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-top:28px;padding:15px 18px;border:1px solid rgba(53,255,120,.2);background:rgba(4,12,8,.74);border-radius:12px}.mini-cyber-logo{width:52px;height:52px;border:1px solid var(--cyber);clip-path:polygon(50% 0,93% 24%,93% 76%,50% 100%,7% 76%,7% 24%);background:#07130b;font-size:25px}.creator-card strong,.creator-card small{display:block}.creator-card small{color:#9eb1a6;margin-top:4px}.creator-tag{color:#cfe8d6;font-size:.9rem}.cyber-login-card-wrap{display:flex;justify-content:center}.cyber-login-card{width:min(520px,100%);padding:40px;border:1px solid var(--cyber);border-radius:24px;background:linear-gradient(150deg,rgba(7,15,10,.98),rgba(1,4,2,.98));box-shadow:0 0 0 1px rgba(180,69,255,.35),0 0 70px rgba(53,255,120,.12),inset 0 0 80px rgba(53,255,120,.025);position:relative}.cyber-login-card:before,.cyber-login-card:after{content:"";position:absolute;width:90px;height:2px;background:var(--cyber);box-shadow:0 0 13px var(--cyber)}.cyber-login-card:before{top:-1px;left:35px}.cyber-login-card:after{bottom:-1px;right:35px}.login-emblem{width:102px;height:102px;margin:0 auto 22px;clip-path:polygon(50% 0,93% 24%,93% 76%,50% 100%,7% 76%,7% 24%);background:linear-gradient(145deg,#183023,#050906);border:2px solid var(--cyber);font-size:50px;box-shadow:0 0 32px rgba(53,255,120,.28)}.cyber-login-card h2{text-align:center;font-size:2.25rem;margin:0}.cyber-login-card h2 em{color:var(--cyber);font-style:normal}.cyber-login-card>p{text-align:center;color:#a6b6ac;margin:8px 0 30px}.cyber-login-form{display:grid;gap:18px}.cyber-login-form label>span{display:block;color:var(--cyber);font-weight:800;font-size:.8rem;margin-bottom:9px}.cyber-input{display:flex;align-items:center;gap:12px;border:1px solid rgba(146,169,155,.32);border-radius:9px;padding:0 15px;background:#030805;transition:.2s}.cyber-input:focus-within{border-color:var(--cyber);box-shadow:0 0 18px rgba(53,255,120,.18)}.cyber-input b{font-weight:400;color:#9caea2}.cyber-input input{width:100%;height:55px;background:transparent;border:0;outline:0;color:white}.cyber-submit{height:58px;border:1px solid var(--cyber);border-radius:8px;color:#caffda;background:linear-gradient(180deg,rgba(53,255,120,.19),rgba(17,75,34,.3));font-weight:900;letter-spacing:.08em;box-shadow:0 0 24px rgba(53,255,120,.18);transition:.2s}.cyber-submit:hover{background:rgba(53,255,120,.24);box-shadow:0 0 32px rgba(53,255,120,.32)}.cyber-submit span{float:right;margin-left:14px}.encrypted-note{text-align:center;color:#829087;margin-top:24px;font-size:.88rem}
.cyber-topbar{height:82px;padding:12px 2.3vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--cyber-line);background:rgba(1,5,3,.94);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.cyber-brand-small .cyber-logo{width:48px;height:48px}.cyber-brand-small .cyber-logo span{font-size:25px}.cyber-brand-small .cyber-brand-copy strong{font-size:22px}.cyber-top-actions{display:flex;align-items:center;gap:14px}.owner-chip{display:flex;align-items:center;gap:10px;border:1px solid rgba(53,255,120,.18);border-radius:12px;padding:7px 13px;background:#030805}.owner-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#0d5d2a,#1bff6b);color:#001e0c;font-weight:900}.owner-chip strong,.owner-chip small{display:block}.owner-chip small{color:var(--cyber)}.cyber-logout{border:1px solid rgba(53,255,120,.25);border-radius:9px;padding:11px 14px;color:#b7c5bc;background:#040a06}.cyber-dashboard{width:min(1880px,97vw);margin:16px auto 0;display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px}.cyber-sidebar,.cyber-query-panel,.cyber-result-area{border:1px solid rgba(53,255,120,.2);background:rgba(2,7,4,.9);box-shadow:inset 0 0 35px rgba(53,255,120,.025)}.cyber-sidebar{border-radius:18px;padding:17px;height:fit-content;position:sticky;top:98px}.sidebar-section h2{font-size:.88rem;color:var(--cyber);letter-spacing:.05em;margin:0 0 12px}.sidebar-platforms{display:grid;gap:8px}.sidebar-platform{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid rgba(146,169,155,.16);border-radius:10px;background:#050a07;cursor:pointer;transition:.2s}.sidebar-platform:hover,.sidebar-platform.active{border-color:var(--cyber);box-shadow:0 0 16px rgba(53,255,120,.16),inset 0 0 18px rgba(53,255,120,.05)}.sidebar-platform-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:10px;font-size:1.15rem;font-weight:900}.sidebar-platform strong,.sidebar-platform small{display:block}.sidebar-platform small{color:#96a49b;margin-top:4px}.sidebar-support{margin-top:18px;padding-top:16px;border-top:1px solid rgba(53,255,120,.14)}.support-card,.security-card{display:flex;gap:13px;align-items:center;padding:14px;border:1px solid rgba(146,169,155,.15);border-radius:10px;background:#050a07;margin-top:9px}.support-card>span{font-size:26px;color:#b2c3b8}.security-card{border-color:var(--cyber-line);box-shadow:0 0 15px rgba(53,255,120,.1)}.shield-g{width:44px;height:44px;border:1px solid var(--cyber);clip-path:polygon(50% 0,93% 24%,93% 76%,50% 100%,7% 76%,7% 24%);background:#07160c}.support-card strong,.support-card small,.security-card strong,.security-card small{display:block}.support-card small,.security-card small{color:#91a198;margin-top:4px}.security-card strong{color:var(--cyber)}.encryption-line{margin-top:17px;color:#839188;font-size:.84rem}.cyber-workspace{min-width:0}.cyber-query-panel{border-radius:18px;padding:22px 26px;position:relative;overflow:hidden}.cyber-query-panel:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyber),transparent);box-shadow:0 0 14px var(--cyber)}.query-row{display:grid;grid-template-columns:.85fr 1.4fr;gap:28px}.query-email>span,.query-types>span{display:block;color:#d9e7de;margin-bottom:13px}.query-email span b,.query-types span b{color:var(--cyber)}.query-email>div{display:flex;align-items:center;gap:10px;height:55px;border:1px solid rgba(146,169,155,.28);border-radius:9px;background:#040906;padding:0 15px}.query-email input{flex:1;background:transparent;border:0;outline:0;color:white;font-size:1rem}.query-email i{font-style:normal;color:#c0cdc4}.query-email em{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:var(--cyber);color:#001e0d;font-style:normal;font-weight:900}.cyber-category-grid{grid-template-columns:repeat(4,minmax(130px,1fr));gap:8px}.cyber-category-grid .category-option span{height:55px;border:1px solid rgba(146,169,155,.2);border-radius:9px;background:#040906;color:#dae5dd;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}.cyber-category-grid .category-option.selected span{border-color:var(--cyber);box-shadow:0 0 18px rgba(53,255,120,.18),inset 0 0 14px rgba(53,255,120,.08);color:white}.cyber-category-grid input{display:none}.cyber-category-grid i{font-style:normal;color:var(--cyber)}.hidden-platform-radios{display:none}.cyber-consult-button{display:flex;align-items:center;justify-content:center;gap:45px;width:min(420px,80%);height:56px;margin:20px auto -2px;border:1px solid var(--cyber);clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);background:linear-gradient(90deg,rgba(16,79,35,.35),rgba(53,255,120,.17),rgba(16,79,35,.35));color:white;font-size:1.18rem;font-weight:800;box-shadow:0 0 20px rgba(53,255,120,.22)}.cyber-alert{margin:14px 0;padding:14px;border:1px solid #ff4e68;color:#ffb9c4;background:rgba(255,50,85,.08);border-radius:10px}.cyber-result-area{margin-top:16px;border-radius:18px;padding:16px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.7fr);gap:16px}.result-area-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.result-area-heading h2{font-size:1.05rem;margin:0}.result-area-heading h2:first-letter{color:var(--cyber)}.result-area-heading>span{padding:7px 12px;border:1px solid rgba(146,169,155,.2);border-radius:20px;color:#aab8af;font-size:.82rem}.result-area-heading i,.side-result-card header b:before{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--cyber);box-shadow:0 0 10px var(--cyber)}.empty-cyber-mail,.cyber-mail-card{border:1px solid rgba(53,255,120,.24);border-radius:15px;background:linear-gradient(145deg,#040906,#010302);min-height:420px;padding:30px;position:relative;overflow:hidden}.empty-cyber-mail:after,.mail-preview:after{content:"";position:absolute;width:260px;height:260px;right:-90px;bottom:-100px;border-radius:50%;background:radial-gradient(circle,rgba(53,255,120,.18),transparent 67%)}.empty-emblem{width:90px;height:90px;display:grid;place-items:center;margin:80px auto 20px;border:1px solid var(--cyber);clip-path:polygon(50% 0,93% 24%,93% 76%,50% 100%,7% 76%,7% 24%);font-size:45px;color:var(--cyber)}.empty-cyber-mail h2,.empty-cyber-mail p{text-align:center}.empty-cyber-mail p{color:#9baba1}.cyber-mail-list{display:grid;gap:12px}.cyber-mail-card{min-height:0;padding:16px}.cyber-mail-card>header{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.mail-platform-badge{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;font-size:1.2rem;font-weight:900}.cyber-mail-card header strong,.cyber-mail-card header small{display:block}.cyber-mail-card header small{color:#91a198;margin-top:4px}.cyber-mail-card time{color:#8c9c92;font-size:.82rem}.mail-preview{margin-top:15px;min-height:250px;padding:28px;border:1px solid rgba(146,169,155,.13);border-radius:10px;background:radial-gradient(circle at 90% 100%,rgba(53,255,120,.1),transparent 34%),#010402;position:relative;overflow:hidden}.preview-logo{display:block;color:#e50914;font-size:2.9rem;font-weight:900}.mail-preview h3{font-size:2rem;margin:12px 0 10px}.mail-preview p{color:#9caaa2}.preview-action{display:inline-flex;margin-top:15px;padding:13px 25px;border:1px solid var(--cyber);border-radius:7px;color:var(--cyber);text-decoration:none;font-weight:800;box-shadow:0 0 14px rgba(53,255,120,.14)}.status-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.status-strip article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(53,255,120,.18);border-radius:10px;background:#040906}.status-strip article>span,.status-strip article>b{color:var(--cyber);font-size:1.2rem}.status-strip strong,.status-strip small{display:block}.status-strip small{color:#8e9e94;margin-top:3px}.result-side-column{display:grid;gap:12px;align-content:start}.side-result-card,.quick-actions{border:1px solid rgba(53,255,120,.22);border-radius:14px;padding:18px;background:linear-gradient(145deg,#050b07,#010302);box-shadow:inset 0 0 25px rgba(53,255,120,.025)}.side-result-card.purple{border-color:rgba(180,69,255,.38);box-shadow:inset 0 0 26px rgba(180,69,255,.045)}.side-result-card header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.side-result-card header span{color:var(--cyber);font-size:1.4rem}.side-result-card header h3{margin:0}.side-result-card header b{font-size:.7rem;color:var(--cyber)}.side-result-card p{color:#9aaba0;line-height:1.5}.fake-code,.fake-link{border:1px solid var(--cyber-line);border-radius:8px;padding:18px;text-align:center;background:#020604;color:white}.fake-code{font-size:1.55rem;letter-spacing:.38em}.fake-code i{display:inline-block;width:1px;height:24px;background:#8aa093;margin:0 10px;vertical-align:middle}.fake-link{padding:13px;text-align:left;color:#c1cbc4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-result-card button{width:100%;height:46px;margin-top:10px;border:1px solid rgba(53,255,120,.36);border-radius:7px;background:#061009;color:#d7e2da}.quick-actions h3{margin:0 0 14px}.quick-actions>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-actions span{display:grid;place-items:center;gap:7px;min-height:88px;border:1px solid rgba(146,169,155,.16);border-radius:9px;color:#e0e9e3;font-size:1.5rem}.quick-actions small{font-size:.72rem;color:#a7b5ac;text-align:center}.cyber-footer{min-height:56px;display:flex;align-items:center;justify-content:center;gap:10px;color:#708078;font-size:.78rem;letter-spacing:.12em}.footer-mark{width:27px;height:27px;border:1px solid var(--cyber);clip-path:polygon(50% 0,93% 24%,93% 76%,50% 100%,7% 76%,7% 24%)}.cyber-footer b{color:var(--cyber)}
@media(max-width:1250px){.cyber-login-content{grid-template-columns:1fr 1fr;gap:4vw}.cyber-dashboard{grid-template-columns:250px 1fr}.query-row{grid-template-columns:1fr}.cyber-category-grid{grid-template-columns:repeat(3,1fr)}.cyber-result-area{grid-template-columns:1fr}.result-side-column{grid-template-columns:repeat(3,1fr)}.quick-actions>div{grid-template-columns:1fr}.side-result-card,.quick-actions{min-width:0}}
@media(max-width:900px){.cyber-login-header{padding:14px 22px}.cyber-login-content{grid-template-columns:1fr;width:min(92vw,700px)}.cyber-login-presentation h1{font-size:3.5rem}.creator-card{grid-template-columns:auto 1fr}.creator-tag{grid-column:1/-1}.cyber-topbar{height:auto;align-items:flex-start}.cyber-top-actions{flex-wrap:wrap;justify-content:flex-end}.cyber-dashboard{grid-template-columns:1fr}.cyber-sidebar{position:static}.sidebar-platforms{grid-template-columns:repeat(3,1fr)}.cyber-result-area{grid-template-columns:1fr}.result-side-column{grid-template-columns:1fr}.status-strip{grid-template-columns:1fr}}
@media(max-width:650px){.cyber-brand-copy strong{font-size:19px}.cyber-brand-copy small{letter-spacing:.24em}.secure-chip{display:none}.cyber-login-header{height:76px}.cyber-login-content{padding-top:25px}.cyber-login-presentation h1{font-size:2.7rem}.cyber-feature-grid{grid-template-columns:1fr}.cyber-login-card{padding:25px 18px}.cyber-topbar{padding:10px}.owner-chip div,.cyber-logout{display:none}.cyber-dashboard{width:calc(100% - 18px);margin-top:9px}.sidebar-platforms{grid-template-columns:1fr 1fr}.cyber-query-panel{padding:16px}.cyber-category-grid{grid-template-columns:1fr 1fr}.cyber-consult-button{width:100%}.cyber-result-area{padding:10px}.result-area-heading{align-items:flex-start;gap:8px;flex-direction:column}.cyber-mail-card>header{grid-template-columns:auto 1fr}.cyber-mail-card time{grid-column:2}.mail-preview{padding:20px}.mail-preview h3{font-size:1.55rem}.cyber-footer{text-align:center;padding:15px}}

/* =====================================================
   GMASTK v6.0 — Mobile Premium / logos / responsive drawer
   ===================================================== */
.mobile-menu-button,.mobile-sidebar-head,.mobile-menu-backdrop{display:none}
.sidebar-platform{position:relative;grid-template-columns:48px 1fr auto!important;min-height:66px;padding:10px 12px!important;overflow:hidden}
.sidebar-platform:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,rgba(57,255,20,.07),transparent 75%);opacity:0;transition:.25s}
.sidebar-platform:hover:after,.sidebar-platform.active:after{opacity:1}
.sidebar-platform>b{font-size:1.4rem;color:#58ff8c;font-weight:400}
.platform-label{min-width:0}.platform-label strong,.platform-label small{display:block}.platform-label strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-label small{margin-top:4px;color:#91a297;font-size:.72rem}
.premium-platform-logo{width:42px;height:42px;display:grid;place-items:center;position:relative;border-radius:12px;background:#101513;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 20px rgba(0,0,0,.55),0 8px 18px rgba(0,0,0,.28);overflow:hidden;font-weight:950;font-size:1.1rem}
.premium-platform-logo:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.38),transparent 30%);pointer-events:none}
.premium-platform-logo span{position:relative;z-index:1;letter-spacing:-.08em}
.premium-platform-logo.platform-netflix{background:linear-gradient(145deg,#320006,#e50914);color:#fff;font-size:1.45rem}.premium-platform-logo.platform-max{background:linear-gradient(145deg,#090b39,#5025ff);color:#fff}.premium-platform-logo.platform-prime-video{background:linear-gradient(145deg,#002d48,#00a8e1);color:#fff}.premium-platform-logo.platform-crunchyroll{background:linear-gradient(145deg,#713100,#ff7a19);color:#fff}.premium-platform-logo.platform-disney{background:linear-gradient(145deg,#001b5e,#1c75ff);color:#fff}.premium-platform-logo.platform-paramount{background:linear-gradient(145deg,#032f71,#2388ff);color:#fff}.premium-platform-logo.platform-spotify{background:linear-gradient(145deg,#063c1e,#1ed760);color:#031b0c}.premium-platform-logo.platform-dgo{background:linear-gradient(145deg,#073359,#ff7900);color:#fff}.premium-platform-logo.platform-apple-tv{background:linear-gradient(145deg,#222,#777);color:#fff}.premium-platform-logo.platform-youtube{background:linear-gradient(145deg,#69000d,#ff0033);color:#fff}
.mail-logo{width:48px;height:48px;border-radius:50%}
.premium-access-card{display:flex;align-items:center;gap:12px;margin-top:16px;padding:16px;border:1px solid #19d65f;border-radius:14px;background:linear-gradient(135deg,rgba(0,255,91,.13),rgba(0,0,0,.25));box-shadow:0 0 26px rgba(0,255,91,.1)}
.premium-access-card strong,.premium-access-card small{display:block}.premium-access-card strong{color:#50ff87;font-size:.8rem}.premium-access-card small{margin-top:4px;color:#9ab3a2;font-size:.72rem}.premium-shield{width:42px;height:42px;display:grid;place-items:center;clip-path:polygon(50% 0,92% 18%,84% 75%,50% 100%,16% 75%,8% 18%);background:linear-gradient(160deg,#62ff92,#087e37);color:#001507;font-weight:950;box-shadow:0 0 20px #20ff6e}
.empty-emblem{width:112px!important;height:112px!important;border-radius:28px!important;clip-path:polygon(25% 5%,75% 5%,96% 50%,75% 95%,25% 95%,4% 50%);background:linear-gradient(145deg,#0c1610,#173c22)!important;border:2px solid #25ff70!important;box-shadow:0 0 36px rgba(37,255,112,.3),inset 0 0 25px rgba(37,255,112,.15)!important}.empty-emblem span{font-family:Orbitron,Inter,sans-serif;font-size:3.6rem;text-shadow:0 0 18px #28ff74}
@media(max-width:760px){
 body{background:#020603}
 .cyber-topbar{height:72px;padding:10px 14px;position:sticky;top:0;z-index:80;background:rgba(1,7,4,.96);backdrop-filter:blur(16px)}
 .mobile-menu-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(53,255,107,.25);border-radius:11px;background:#06100a;color:#e8fff0;font-size:1.45rem}
 .cyber-brand-small{margin-right:auto}.cyber-brand-copy strong{font-size:1.05rem}.cyber-brand-copy small{font-size:.58rem}
 .secure-chip,.owner-chip div,.cyber-logout{display:none}.owner-chip{padding:0;border:0;background:none}.owner-avatar{width:40px;height:40px}
 .cyber-dashboard{display:block!important;padding:12px!important}.cyber-workspace{min-width:0}
 .cyber-sidebar{position:fixed!important;top:0;bottom:0;left:0;width:min(86vw,340px)!important;z-index:110;transform:translateX(-105%);transition:transform .28s ease;overflow-y:auto;background:linear-gradient(180deg,#030a06,#000)!important;padding:14px!important;border-right:1px solid #23e968;box-shadow:20px 0 60px rgba(0,0,0,.72)}
 body.menu-open .cyber-sidebar{transform:translateX(0)}.mobile-menu-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}body.menu-open .mobile-menu-backdrop{display:block}
 .mobile-sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:#52ff8c;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.mobile-sidebar-head button{width:38px;height:38px;border:1px solid #1eb95a;border-radius:10px;background:#06110a;color:#fff;font-size:1.5rem}
 .cyber-query-panel{padding:14px!important;border-radius:16px!important}.query-row{grid-template-columns:1fr!important;gap:18px!important}.query-email>span,.query-types>span{font-size:.87rem}.query-email>div{min-height:54px}.cyber-category-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.category-option span{min-height:50px;padding:8px!important;font-size:.76rem!important;text-align:center;justify-content:center}.cyber-consult-button{width:100%!important;max-width:none!important;margin-top:14px!important;min-height:54px!important}
 .cyber-result-area{grid-template-columns:1fr!important;gap:12px!important}.result-main-column,.result-side-column{min-width:0}.result-area-heading{padding:14px!important;align-items:flex-start!important;gap:8px!important}.result-area-heading h2{font-size:.95rem!important}.result-area-heading span{font-size:.65rem!important}
 .empty-cyber-mail{min-height:350px!important;padding:28px 18px!important}.empty-cyber-mail h2{font-size:1.4rem!important}.empty-cyber-mail p{font-size:.82rem!important}
 .status-strip{grid-template-columns:1fr!important}.side-result-card,.quick-actions{padding:16px!important}.fake-code{font-size:1.45rem!important;letter-spacing:.38em!important}.fake-link{font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .cyber-mail-card header{grid-template-columns:auto 1fr!important}.cyber-mail-card header time{grid-column:2;font-size:.68rem}.mail-preview{padding:22px 16px!important}.mail-preview h3{font-size:1.45rem!important}.preview-action{width:100%;text-align:center}
 .quick-actions>div{grid-template-columns:repeat(3,1fr)!important}.quick-actions span{padding:12px 5px!important}.quick-actions small{font-size:.62rem!important}
 .cyber-footer{font-size:.66rem;padding:14px}
}
@media(max-width:430px){.cyber-category-grid{grid-template-columns:1fr!important}.query-email input{font-size:.83rem}.cyber-dashboard{padding:8px!important}.cyber-query-panel,.cyber-result-area{border-radius:12px!important}.result-side-column{gap:10px!important}.cyber-brand-copy small{letter-spacing:.22em}.premium-platform-logo{width:44px;height:44px}}

/* =====================================================
   GMASTK v7.0 — Brand Signature + Premium Platform Art
   ===================================================== */
.cyber-logo img,.login-emblem img,.mini-cyber-logo img,.footer-mark img{width:100%;height:100%;object-fit:cover;display:block}
.cyber-logo{overflow:hidden;background:#020704!important;box-shadow:0 0 24px rgba(67,255,110,.3),inset 0 0 16px rgba(0,0,0,.75)!important}
.login-emblem{overflow:hidden;background:#020704!important;border:1px solid rgba(73,255,117,.5)!important;box-shadow:0 0 42px rgba(57,255,20,.24)!important}
.mini-cyber-logo{overflow:hidden;padding:0!important;background:#020704!important}.footer-mark{overflow:hidden;padding:0!important}
.empty-emblem{overflow:hidden!important;padding:0!important;background:#010402!important}.empty-emblem img{width:100%;height:100%;object-fit:cover;filter:contrast(1.06) saturate(1.12)}

.cyber-brand-copy strong{font-family:Orbitron,Inter,sans-serif;letter-spacing:.16em;text-shadow:0 0 22px rgba(88,255,135,.22)}
.cyber-brand-copy small{color:#54ff88!important;text-shadow:0 0 13px rgba(84,255,136,.35)}

/* Premium logo tiles */
.premium-platform-logo{width:48px;height:48px;border-radius:12px!important;background:linear-gradient(145deg,#080b09,#030504)!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -14px 24px rgba(0,0,0,.55),0 9px 18px rgba(0,0,0,.4)!important}
.premium-platform-logo:after{content:"";position:absolute;inset:1px;border-radius:10px;border:1px solid rgba(255,255,255,.04);pointer-events:none}
.sidebar-platform.active .premium-platform-logo{transform:translateZ(0) scale(1.03);box-shadow:0 0 23px rgba(37,255,112,.27),inset 0 1px 0 rgba(255,255,255,.18)!important}
.brand-netflix{font-family:Impact,Arial Black,sans-serif!important;font-size:32px!important;line-height:1;color:#e50914;text-shadow:-2px 0 #830008,2px 0 #ff3b43;letter-spacing:-.12em!important;transform:scaleX(.78)}
.brand-max{font:900 18px/1 Arial,sans-serif;color:#407cff;letter-spacing:-.12em!important;text-shadow:0 0 13px #2857ff}
.brand-prime{display:grid;place-items:center;font:800 11px/1 Arial,sans-serif;color:#30bff3!important;letter-spacing:-.04em!important}.brand-prime small{font-size:10px;color:#30bff3}.brand-prime i{display:block;width:27px;height:8px;border-bottom:2px solid #30bff3;border-radius:50%;transform:rotate(-8deg);margin-top:-2px}
.brand-crunchy{width:31px;height:31px;border-radius:50%;background:#ff7800;position:relative;box-shadow:0 0 15px rgba(255,120,0,.5)}.brand-crunchy:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#090b0a;right:3px;top:3px}.brand-crunchy i{position:absolute;width:8px;height:8px;border-radius:50%;background:#ff7800;right:1px;top:8px}
.brand-disney{font:700 10px/1.1 Georgia,serif;color:white!important;letter-spacing:-.06em!important;text-shadow:0 0 8px #2a8dff}.brand-disney:before{content:"";position:absolute;width:34px;height:14px;border-top:1.5px solid #69b8ff;border-radius:50%;top:8px;left:6px}.brand-disney sup{font-size:9px;color:#64b5ff}
.brand-paramount{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(#178cff,#043e9c);color:white!important;box-shadow:0 0 13px rgba(25,136,255,.5)}.brand-paramount i{font-size:8px;line-height:1}.brand-paramount b{font-size:12px;line-height:1}
.brand-spotify{width:34px;height:34px;border-radius:50%;background:#1ed760;display:grid!important;align-content:center;justify-items:center;gap:3px}.brand-spotify i{display:block;width:22px;height:5px;border-top:2px solid #041609;border-radius:50%}.brand-spotify i:nth-child(2){width:19px}.brand-spotify i:nth-child(3){width:16px}
.brand-dgo{font:900 12px/1 Arial,sans-serif;color:#ff8500!important;letter-spacing:-.05em!important}.brand-dgo i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#00a9ff;margin-right:1px;box-shadow:0 0 9px #00a9ff}
.brand-apple{font:700 13px/1 Arial,sans-serif;color:white!important;letter-spacing:-.08em!important}.brand-apple:first-letter{font-size:18px}
.brand-youtube{width:35px;height:25px;border-radius:8px;background:#ff001c;display:grid!important;place-items:center;box-shadow:0 0 14px rgba(255,0,28,.45)}.brand-youtube i{font-style:normal;color:#fff;font-size:12px;margin-left:2px}

.sidebar-platform{border-color:rgba(89,255,125,.16)!important;background:linear-gradient(100deg,rgba(5,14,8,.96),rgba(1,5,3,.95))!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.sidebar-platform:hover{transform:translateX(3px);border-color:rgba(76,255,119,.48)!important;box-shadow:0 0 19px rgba(50,255,103,.11)}
.sidebar-platform.active{border-color:#38ff75!important;box-shadow:0 0 25px rgba(42,255,103,.2),inset 0 0 18px rgba(43,255,104,.07)!important}
.platform-label strong{font-size:.9rem}.platform-label small{font-size:.68rem}

/* Stronger personal branding */
.cyber-topbar{border-bottom:1px solid rgba(54,255,109,.3)!important;box-shadow:0 7px 28px rgba(0,0,0,.38)}
.cyber-brand-small .cyber-logo{width:52px!important;height:52px!important}
.cyber-brand-small .cyber-brand-copy strong{font-size:1.35rem!important}.cyber-brand-small .cyber-brand-copy small{font-size:.66rem!important}
.owner-chip{border-color:rgba(62,255,112,.35)!important;background:linear-gradient(135deg,rgba(16,52,27,.62),rgba(2,8,4,.84))!important}
.owner-avatar{background-image:url('/assets/gmastk-shield.webp')!important;background-size:cover!important;color:transparent!important}

/* Android-first responsive refinements */
@media(max-width:900px){
 .cyber-topbar{min-height:70px;align-items:center!important;flex-wrap:nowrap!important}
 .cyber-dashboard{width:100%!important;margin:0!important;padding:12px!important}
 .cyber-workspace{width:100%}
 .cyber-query-panel,.cyber-result-area{width:100%;overflow:hidden}
 .query-email,.query-types{min-width:0}
 .query-email input{font-size:16px!important}
 .result-main-column,.result-side-column{width:100%}
}
@media(max-width:760px){
 body{overflow-x:hidden}
 .cyber-brand-small .cyber-logo{width:44px!important;height:44px!important}
 .cyber-brand-small .cyber-brand-copy strong{font-size:.98rem!important;letter-spacing:.1em}.cyber-brand-small .cyber-brand-copy small{font-size:.52rem!important}
 .cyber-sidebar{width:min(90vw,360px)!important;padding:16px 14px 28px!important}
 .sidebar-platforms{grid-template-columns:1fr!important;gap:8px!important}
 .sidebar-platform{min-height:64px!important;padding:8px 10px!important;grid-template-columns:52px 1fr auto!important}
 .premium-platform-logo{width:46px;height:46px}
 .platform-label strong{font-size:.93rem}.platform-label small{font-size:.69rem}
 .premium-access-card{position:sticky;bottom:0;background:rgba(2,10,5,.97);backdrop-filter:blur(12px)}
 .query-row{display:grid!important}.query-email>div{padding:0 12px!important}.query-types{overflow:hidden}.cyber-category-grid{display:grid!important}
 .cyber-result-area{padding:8px!important}.empty-cyber-mail{min-height:320px!important}.empty-emblem{width:100px!important;height:100px!important}
 .side-result-card header{align-items:flex-start}.side-result-card h3{font-size:1rem}.fake-code{padding:17px 8px!important}
 .status-strip article{min-height:72px}
}
@media(max-width:390px){
 .cyber-topbar{padding:8px!important}.mobile-menu-button{width:39px;height:39px}.cyber-brand-copy small{display:block!important}
 .cyber-top-actions{gap:5px!important}.owner-avatar{width:36px!important;height:36px!important}
 .cyber-dashboard{padding:7px!important}.cyber-query-panel{padding:12px!important}.category-option span{font-size:.72rem!important}
 .result-area-heading h2{font-size:.88rem!important}.empty-cyber-mail h2{font-size:1.25rem!important}.empty-cyber-mail p{font-size:.77rem!important}
}


/* =====================================================
   GMASTK v8.0 — Final Presentation + Mobile Polish
   ===================================================== */
body{
  background:
    radial-gradient(circle at 16% 18%, rgba(35,255,116,.10), transparent 22%),
    radial-gradient(circle at 82% 14%, rgba(122,72,255,.08), transparent 24%),
    radial-gradient(circle at 85% 75%, rgba(42,255,111,.08), transparent 20%),
    #010402 !important;
}
body::before{
  background:
    radial-gradient(circle at 10% 18%, rgba(45,255,129,.10), transparent 18%),
    radial-gradient(circle at 88% 15%, rgba(155,77,255,.08), transparent 20%),
    radial-gradient(circle, rgba(194,255,218,.92) 0 1px, transparent 1.9px) 0 0/210px 210px,
    radial-gradient(circle, rgba(255,255,255,.82) 0 1px, transparent 2px) 42px 28px/260px 260px,
    radial-gradient(circle, rgba(74,255,143,.75) 0 1.2px, transparent 2.2px) 120px 95px/320px 320px,
    linear-gradient(rgba(53,255,120,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(53,255,120,.014) 1px,transparent 1px) !important;
  background-size:auto,auto,210px 210px,260px 260px,320px 320px,40px 40px,40px 40px !important;
  animation: gmastkStars 16s linear infinite;
}
@keyframes gmastkStars{0%{transform:translateY(0)}50%{transform:translateY(-4px)}100%{transform:translateY(0)}}

.cyber-brand-banner{gap:12px !important}
.cyber-logo-real{overflow:hidden;background:#010302 !important;border:1px solid rgba(57,255,126,.42) !important;box-shadow:0 0 28px rgba(57,255,126,.22), inset 0 0 18px rgba(0,0,0,.55) !important}
.cyber-logo-real img{width:100%;height:100%;object-fit:cover;display:block}
.cyber-brand-small .cyber-brand-copy strong{font-size:1.7rem !important;letter-spacing:.18em !important}
.cyber-brand-small .cyber-brand-copy small{font-size:.72rem !important;letter-spacing:.44em !important}

.owner-avatar{padding:0 !important;overflow:hidden;color:transparent !important;background:none !important}
.owner-avatar img{width:100%;height:100%;object-fit:cover;display:block}

.creator-card-premium{grid-template-columns:1fr !important;justify-items:center;text-align:center;padding:18px 20px !important}
.creator-card-premium img{width:min(100%,420px);height:auto;display:block;filter:drop-shadow(0 0 28px rgba(57,255,126,.2))}
.creator-card-premium .creator-tag{display:block;margin-top:4px;font-size:1rem;color:#d8ffe5}

.login-emblem-real{padding:0 !important;overflow:hidden}
.login-emblem-real img{width:100%;height:100%;object-fit:cover;display:block}

.cyber-query-panel,.cyber-result-area,.cyber-sidebar,.cyber-login-card,.cyber-login-header,.cyber-topbar{
  backdrop-filter: blur(10px);
}

.empty-cyber-mail{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 88%, rgba(52,255,125,.14), transparent 18%),
    radial-gradient(circle at 18% 18%, rgba(73,255,136,.06), transparent 18%),
    radial-gradient(circle at 82% 22%, rgba(255,255,255,.08), transparent 10%),
    linear-gradient(180deg, rgba(5,12,8,.92), rgba(2,7,4,.98)) !important;
}
.empty-cyber-mail::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle, rgba(215,255,229,.9) 0 1px, transparent 2px) 0 0/180px 180px,
    radial-gradient(circle, rgba(61,255,131,.85) 0 1px, transparent 2px) 80px 40px/240px 240px,
    radial-gradient(circle, rgba(255,255,255,.78) 0 1px, transparent 2px) 140px 110px/300px 300px;
  opacity:.9;
}
.empty-emblem-brand{
  width:min(100%,440px) !important;
  height:auto !important;
  margin:0 auto 12px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.empty-brand-art{
  width:min(100%,390px) !important;
  height:auto !important;
  object-fit:contain !important;
  display:block;
  margin:0 auto;
  filter: drop-shadow(0 0 30px rgba(57,255,126,.22));
}
.empty-cyber-mail h2{position:relative;z-index:1;font-size:2.1rem !important;text-shadow:0 0 18px rgba(255,255,255,.08)}
.empty-cyber-mail p{position:relative;z-index:1;font-size:1rem;max-width:680px;margin-inline:auto}

.result-area-heading span{background:rgba(6,20,11,.75);padding:8px 14px;border-radius:999px;border:1px solid rgba(57,255,126,.22)}
.fake-code,.fake-link,.side-result-card button{background:rgba(2,9,4,.82) !important}
.fake-code{box-shadow:inset 0 0 28px rgba(57,255,126,.05)}
.side-result-card.purple{border-color:rgba(173,79,255,.4) !important;box-shadow:0 0 24px rgba(173,79,255,.08), inset 0 0 32px rgba(173,79,255,.03)}

.premium-access-card{border-color:rgba(57,255,126,.42) !important;box-shadow:0 0 24px rgba(57,255,126,.16), inset 0 0 18px rgba(57,255,126,.05)}
.premium-shield{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#0b2914,#36ff7b);color:#01240e;font-weight:900;box-shadow:0 0 18px rgba(57,255,126,.28)}

@media (max-width: 900px){
  .cyber-topbar{padding:10px 12px !important}
  .cyber-brand-small .cyber-brand-copy strong{font-size:1.2rem !important;letter-spacing:.11em !important}
  .cyber-brand-small .cyber-brand-copy small{font-size:.58rem !important;letter-spacing:.28em !important}
  .secure-chip{display:none !important}
  .owner-chip{padding:6px 10px !important}
  .owner-chip strong{font-size:.88rem !important}
  .owner-chip small{font-size:.68rem !important}
}
@media (max-width: 760px){
  .cyber-login-content{grid-template-columns:1fr !important;width:min(100%,94vw) !important;gap:28px !important;padding:28px 0 42px !important}
  .cyber-login-presentation h1{font-size:clamp(2.2rem,11vw,3.6rem) !important}
  .cyber-feature-grid{grid-template-columns:1fr !important}
  .creator-card-premium img{width:min(100%,340px)}
  .cyber-topbar{gap:8px}
  .mobile-menu-button{order:0}
  .cyber-brand-banner{order:1;flex:1;min-width:0}
  .cyber-top-actions{order:2;gap:8px !important}
  .owner-chip strong{max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .owner-chip small{display:none !important}
  .cyber-logo-real{width:42px !important;height:42px !important}
  .cyber-brand-small .cyber-brand-copy strong{font-size:.98rem !important;letter-spacing:.08em !important}
  .cyber-brand-small .cyber-brand-copy small{font-size:.48rem !important;letter-spacing:.24em !important}
  .empty-emblem-brand{width:min(100%,280px) !important}
  .empty-brand-art{width:min(100%,250px) !important}
  .empty-cyber-mail{min-height:360px !important}
  .empty-cyber-mail h2{font-size:1.55rem !important}
  .empty-cyber-mail p{font-size:.86rem !important}
}
@media (max-width: 430px){
  .cyber-topbar{padding:8px 8px !important}
  .cyber-brand-banner{gap:8px !important}
  .cyber-brand-small .cyber-brand-copy strong{font-size:.9rem !important;letter-spacing:.06em !important}
  .cyber-brand-small .cyber-brand-copy small{font-size:.42rem !important;letter-spacing:.18em !important}
  .owner-chip{padding:4px 8px !important}
  .owner-avatar{width:34px !important;height:34px !important}
  .cyber-logout{padding:10px 11px !important}
  .premium-platform-logo{width:44px !important;height:44px !important}
  .platform-label strong{font-size:.88rem !important}
  .platform-label small{font-size:.65rem !important}
  .fake-code{font-size:1.28rem !important;letter-spacing:.28em !important}
}


/* =====================================================
   GMASTK v8.1 — Centered Logo + Stronger Star Glow
   ===================================================== */
.empty-cyber-mail{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:42px 24px !important;
}
.empty-cyber-mail::before{
  background:
    radial-gradient(circle, rgba(255,255,255,.95) 0 1.2px, transparent 2.2px) 0 0/120px 120px,
    radial-gradient(circle, rgba(85,255,155,.88) 0 1.4px, transparent 2.4px) 40px 26px/170px 170px,
    radial-gradient(circle, rgba(255,255,255,.9) 0 1.4px, transparent 2.4px) 100px 70px/220px 220px,
    radial-gradient(circle, rgba(76,255,147,.8) 0 1.2px, transparent 2px) 150px 140px/260px 260px;
  opacity:1 !important;
}
.empty-cyber-mail::after{
  content:"" !important;
  position:absolute;
  inset:auto 0 8% 0;
  margin:auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(58,255,129,.22), transparent 65%);
  filter:blur(12px);
  pointer-events:none;
}
.empty-emblem-brand{
  width:min(100%, 420px) !important;
  max-width:420px !important;
  margin:0 auto 18px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}
.empty-brand-art{
  width:100% !important;
  max-width:380px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  margin:0 auto !important;
  filter:drop-shadow(0 0 34px rgba(61,255,135,.24)) !important;
}
.empty-cyber-mail h2,
.empty-cyber-mail p{
  width:100%;
}
@media (max-width:760px){
  .empty-emblem-brand{width:min(100%, 300px) !important;max-width:300px !important}
  .empty-brand-art{max-width:280px !important}
  .empty-cyber-mail{padding:28px 16px !important}
}


/* =====================================================
   GMASTK v8.2 — Login polish + shooting stars
   ===================================================== */
.cyber-login-shell{
  background:
    radial-gradient(circle at 20% 16%, rgba(59,255,131,.12), transparent 18%),
    radial-gradient(circle at 82% 12%, rgba(125,72,255,.08), transparent 20%),
    radial-gradient(circle at 75% 78%, rgba(56,255,126,.08), transparent 16%),
    linear-gradient(180deg, rgba(0,0,0,.1), rgba(0,0,0,.2)),
    #010402 !important;
}
.cyber-login-shell::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:1;
  background:
    radial-gradient(circle, rgba(255,255,255,.95) 0 1.3px, transparent 2.3px) 0 0/160px 160px,
    radial-gradient(circle, rgba(85,255,155,.9) 0 1.1px, transparent 2.1px) 60px 22px/210px 210px,
    radial-gradient(circle, rgba(255,255,255,.85) 0 1.2px, transparent 2.2px) 120px 80px/260px 260px,
    radial-gradient(circle, rgba(72,255,145,.8) 0 1.1px, transparent 2px) 140px 140px/320px 320px;
}
.shooting-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.shooting-stars span{position:absolute;display:block;width:180px;height:2px;background:linear-gradient(90deg, rgba(255,255,255,.95), rgba(96,255,157,.88), transparent);border-radius:999px;box-shadow:0 0 18px rgba(96,255,157,.75);opacity:0;transform:rotate(-25deg)}
.shooting-stars span::before{content:"";position:absolute;left:-5px;top:-2px;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 14px rgba(255,255,255,.95),0 0 28px rgba(96,255,157,.9)}
.shooting-stars span:nth-child(1){top:12%;left:-14%;animation:shootStar 8s linear infinite}
.shooting-stars span:nth-child(2){top:31%;left:-20%;animation:shootStar 10s linear 2.3s infinite}
.shooting-stars span:nth-child(3){top:8%;left:35%;animation:shootStar2 9s linear 1.2s infinite}
@keyframes shootStar{0%,78%,100%{opacity:0;transform:translate3d(0,0,0) rotate(-25deg)}80%{opacity:1}92%{opacity:1}100%{opacity:0;transform:translate3d(980px,330px,0) rotate(-25deg)}}
@keyframes shootStar2{0%,80%,100%{opacity:0;transform:translate3d(0,0,0) rotate(-18deg)}83%{opacity:1}96%{opacity:1}100%{opacity:0;transform:translate3d(740px,260px,0) rotate(-18deg)}}
.cyber-login-header{background:rgba(1,5,3,.75) !important;backdrop-filter:blur(10px)}
.login-header-brand{display:flex;align-items:center;min-width:0;max-width:min(460px,60vw)}
.login-header-brand img{width:100%;max-width:340px;height:auto;display:block;filter:drop-shadow(0 0 22px rgba(57,255,126,.22))}
.login-emblem-real{width:122px !important;height:122px !important;padding:0 !important;overflow:hidden;border:1.5px solid rgba(57,255,126,.45) !important;box-shadow:0 0 34px rgba(57,255,126,.24), inset 0 0 18px rgba(0,0,0,.55) !important}
.login-emblem-real img{width:100%;height:100%;object-fit:cover;display:block;object-position:center center}
.encrypted-note{position:relative;padding-top:12px}.encrypted-note::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:0;width:120px;height:1px;background:linear-gradient(90deg,transparent,rgba(57,255,126,.7),transparent)}
@media(max-width:900px){.login-header-brand img{max-width:280px}.shooting-stars span{width:130px}}
@media(max-width:650px){.cyber-login-header{padding:12px 16px !important;height:74px !important}.login-header-brand{max-width:210px}.login-header-brand img{max-width:210px}.shooting-stars span:nth-child(1){top:14%}.shooting-stars span:nth-child(2){top:28%}.shooting-stars span:nth-child(3){top:9%;left:20%}.login-emblem-real{width:108px !important;height:108px !important}.cyber-login-presentation h1{font-size:clamp(2.6rem,14vw,4rem) !important}}

/* =====================================================
   GMASTK v8.3 — Clean premium login
   ===================================================== */
.login-final-shell{
  --login-green:#38ff78;
  --login-green-soft:rgba(56,255,120,.16);
  min-height:100vh;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  color:#f5fff8;
  background:
    radial-gradient(circle at 17% 18%,rgba(49,255,122,.10),transparent 26%),
    radial-gradient(circle at 82% 18%,rgba(127,71,255,.06),transparent 24%),
    radial-gradient(circle at 50% 100%,rgba(45,255,115,.10),transparent 32%),
    linear-gradient(180deg,#020604 0%,#010302 100%);
}
.login-final-shell::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(rgba(56,255,120,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(56,255,120,.018) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 88%);
}
.login-star-field{
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.78;
  background:
    radial-gradient(circle at 6% 14%,#fff 0 1px,transparent 2px),
    radial-gradient(circle at 13% 39%,#50ff97 0 1px,transparent 2px),
    radial-gradient(circle at 22% 20%,#fff 0 1.2px,transparent 2.2px),
    radial-gradient(circle at 31% 66%,#5cff9e 0 1px,transparent 2px),
    radial-gradient(circle at 39% 9%,#fff 0 1px,transparent 2px),
    radial-gradient(circle at 47% 35%,#fff 0 1.2px,transparent 2.2px),
    radial-gradient(circle at 58% 18%,#4fff94 0 1px,transparent 2px),
    radial-gradient(circle at 64% 61%,#fff 0 1px,transparent 2px),
    radial-gradient(circle at 72% 30%,#5aff9d 0 1.1px,transparent 2.1px),
    radial-gradient(circle at 79% 76%,#fff 0 1px,transparent 2px),
    radial-gradient(circle at 87% 12%,#fff 0 1.2px,transparent 2.2px),
    radial-gradient(circle at 93% 48%,#4fff94 0 1px,transparent 2px),
    radial-gradient(circle at 97% 84%,#fff 0 1px,transparent 2px);
  filter:drop-shadow(0 0 5px rgba(122,255,171,.55));
  animation:loginTwinkle 5s ease-in-out infinite alternate;
}
@keyframes loginTwinkle{from{opacity:.55}to{opacity:.9}}
.login-shooting-stars{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.login-shooting-stars span{
  position:absolute;
  width:150px;
  height:2px;
  opacity:0;
  border-radius:999px;
  transform:rotate(-22deg);
  background:linear-gradient(90deg,#fff,rgba(73,255,142,.95),transparent);
  box-shadow:0 0 14px rgba(73,255,142,.65);
}
.login-shooting-stars span::before{content:"";position:absolute;left:-4px;top:-2px;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff,0 0 24px #49ff8e}
.login-shooting-stars span:nth-child(1){top:13%;left:-18%;animation:loginShoot 11s linear 1s infinite}
.login-shooting-stars span:nth-child(2){top:43%;left:-22%;animation:loginShoot 14s linear 6s infinite}
.login-shooting-stars span:nth-child(3){top:8%;left:36%;animation:loginShootShort 13s linear 3.5s infinite}
@keyframes loginShoot{0%,82%,100%{opacity:0;transform:translate3d(0,0,0) rotate(-22deg)}84%{opacity:1}96%{opacity:1}100%{opacity:0;transform:translate3d(1150px,440px,0) rotate(-22deg)}}
@keyframes loginShootShort{0%,84%,100%{opacity:0;transform:translate3d(0,0,0) rotate(-18deg)}86%{opacity:1}97%{opacity:1}100%{opacity:0;transform:translate3d(700px,230px,0) rotate(-18deg)}}
.login-final-header{
  height:84px;
  padding:12px clamp(22px,4vw,66px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(56,255,120,.18);
  background:rgba(1,5,3,.72);
  backdrop-filter:blur(14px);
  position:relative;
  z-index:5;
}
.login-final-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff;min-width:0}
.login-final-brand img{width:54px;height:54px;object-fit:cover;border-radius:15px;display:block;box-shadow:0 0 24px rgba(56,255,120,.22)}
.login-final-brand span{display:flex;flex-direction:column;min-width:0}
.login-final-brand strong{font-family:Orbitron,"Segoe UI",sans-serif;font-size:1.55rem;line-height:1;letter-spacing:.18em;white-space:nowrap}
.login-final-brand small{color:var(--login-green);font-size:.67rem;letter-spacing:.45em;font-weight:900;margin-top:7px;white-space:nowrap;text-shadow:0 0 12px rgba(56,255,120,.45)}
.login-secure-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 17px;border:1px solid rgba(56,255,120,.35);border-radius:12px;background:rgba(3,14,7,.76);color:var(--login-green);font-size:.84rem;font-weight:900;box-shadow:0 0 20px rgba(56,255,120,.08)}
.login-secure-chip i{width:8px;height:8px;border-radius:50%;background:var(--login-green);box-shadow:0 0 11px var(--login-green)}
.login-final-layout{
  width:min(1320px,92vw);
  min-height:calc(100vh - 84px);
  margin:0 auto;
  padding:50px 0 64px;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(380px,.72fr);
  gap:clamp(48px,7vw,100px);
  align-items:center;
  position:relative;
  z-index:2;
}
.login-final-hero{max-width:720px}
.login-final-eyebrow{display:inline-flex;padding:7px 11px;border:1px solid rgba(56,255,120,.35);border-radius:7px;background:rgba(56,255,120,.08);color:#d9ffe4;font-size:.76rem;font-weight:900;letter-spacing:.09em}
.login-final-hero h1{font-size:clamp(3.4rem,5.8vw,6.2rem);line-height:.98;margin:27px 0 20px;letter-spacing:-.055em;text-shadow:0 0 24px rgba(255,255,255,.08)}
.login-final-hero h1 em{display:block;color:var(--login-green);font-style:normal;text-shadow:0 0 26px rgba(56,255,120,.42)}
.login-final-hero>p{max-width:640px;color:#b2c2b8;font-size:1.06rem;line-height:1.7;margin:0}
.login-final-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.login-final-features article{min-height:70px;padding:13px 15px;display:flex;align-items:center;gap:13px;border:1px solid rgba(56,255,120,.28);border-radius:11px;background:linear-gradient(135deg,rgba(56,255,120,.07),rgba(2,8,4,.72));box-shadow:inset 0 0 22px rgba(56,255,120,.025)}
.login-final-features article>span{width:30px;color:var(--login-green);font-size:1.45rem;text-align:center;text-shadow:0 0 12px rgba(56,255,120,.55)}
.login-final-features strong,.login-final-features small{display:block}
.login-final-features strong{color:var(--login-green);font-size:.79rem}
.login-final-features small{margin-top:4px;color:#b6c3bb;font-size:.77rem}
.login-final-signature{display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;margin-top:22px;padding:11px 16px;border:1px solid rgba(56,255,120,.20);border-radius:12px;background:rgba(3,11,6,.76)}
.login-final-signature img{width:48px;height:48px;object-fit:cover;border-radius:13px;display:block}
.login-final-signature strong,.login-final-signature small{display:block}
.login-final-signature strong{font-family:Orbitron,"Segoe UI",sans-serif;letter-spacing:.15em}
.login-final-signature small{margin-top:3px;color:#a9baaf;font-size:.78rem}
.login-final-card-wrap{display:flex;justify-content:center}
.login-final-card{
  width:min(470px,100%);
  padding:34px 34px 28px;
  border:1px solid var(--login-green);
  border-radius:25px;
  background:linear-gradient(150deg,rgba(7,16,10,.96),rgba(1,5,3,.98));
  box-shadow:0 0 0 1px rgba(168,76,255,.18),0 0 70px rgba(56,255,120,.10),inset 0 0 70px rgba(56,255,120,.025);
  position:relative;
  overflow:hidden;
}
.login-final-card::before,.login-final-card::after{content:"";position:absolute;height:2px;width:95px;background:linear-gradient(90deg,transparent,var(--login-green),transparent);box-shadow:0 0 13px var(--login-green)}
.login-final-card::before{left:32px;top:0}.login-final-card::after{right:32px;bottom:0}
.login-final-emblem{width:116px;height:116px;margin:0 auto 18px;border-radius:26px;overflow:hidden;border:1px solid rgba(56,255,120,.45);background:#020704;box-shadow:0 0 32px rgba(56,255,120,.22)}
.login-final-emblem img{width:100%;height:100%;display:block;object-fit:cover}
.login-final-card h2{text-align:center;font-size:2.15rem;margin:0}
.login-final-card h2 em{color:var(--login-green);font-style:normal}
.login-final-card>p{text-align:center;color:#a9b8af;margin:8px 0 27px}
.login-final-form{display:grid;gap:17px}
.login-final-form label>span{display:block;margin-bottom:8px;color:var(--login-green);font-size:.76rem;font-weight:900}
.login-final-input{height:56px;padding:0 15px;display:flex;align-items:center;gap:12px;border:1px solid rgba(146,169,155,.32);border-radius:10px;background:#030805;transition:.2s}
.login-final-input:focus-within{border-color:var(--login-green);box-shadow:0 0 18px rgba(56,255,120,.15)}
.login-final-input b{font-weight:400;color:#9aaca1}
.login-final-input input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#fff;font-size:1rem}
.login-final-submit{height:57px;border:1px solid var(--login-green);border-radius:9px;background:linear-gradient(180deg,rgba(56,255,120,.20),rgba(14,70,31,.28));color:#e8ffee;font-weight:900;letter-spacing:.07em;box-shadow:0 0 24px rgba(56,255,120,.14);transition:.2s}
.login-final-submit:hover{transform:translateY(-1px);box-shadow:0 0 34px rgba(56,255,120,.26)}
.login-final-submit span{margin-left:12px}
.login-final-note{text-align:center;margin-top:23px;padding-top:15px;color:#819087;font-size:.82rem;position:relative}
.login-final-note::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:1px;background:linear-gradient(90deg,transparent,rgba(56,255,120,.65),transparent)}
@media(max-width:980px){
  .login-final-layout{grid-template-columns:1fr;width:min(760px,92vw);gap:38px;padding-top:38px}
  .login-final-hero{text-align:center;margin:auto}
  .login-final-hero>p{margin-inline:auto}
  .login-final-features{text-align:left}
  .login-final-signature{margin-inline:auto}
}
@media(max-width:640px){
  .login-final-header{height:72px;padding:10px 15px}
  .login-final-brand{gap:9px}
  .login-final-brand img{width:43px;height:43px;border-radius:12px}
  .login-final-brand strong{font-size:1rem;letter-spacing:.11em}
  .login-final-brand small{font-size:.48rem;letter-spacing:.27em;margin-top:5px}
  .login-secure-chip{padding:9px 11px;font-size:.66rem}
  .login-final-layout{min-height:calc(100vh - 72px);width:min(94vw,520px);padding:28px 0 42px}
  .login-final-hero h1{font-size:clamp(2.8rem,14vw,4.3rem)}
  .login-final-hero>p{font-size:.94rem}
  .login-final-features{grid-template-columns:1fr;gap:9px}
  .login-final-features article{min-height:62px}
  .login-final-card{padding:27px 18px 24px;border-radius:20px}
  .login-final-emblem{width:102px;height:102px}
  .login-final-card h2{font-size:1.85rem}
  .login-final-input input{font-size:16px}
  .login-shooting-stars span{width:105px}
}
@media(max-width:390px){
  .login-secure-chip{display:none}
  .login-final-header{justify-content:center}
  .login-final-signature{width:100%;justify-content:center}
}


/* =====================================================
   GMASTK v8.4 — Reproductor de música ambiental
   ===================================================== */
.gmastk-music-player {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 9998;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px;
  border: 1px solid rgba(57, 255, 126, 0.38);
  border-radius: 999px;
  background: rgba(1, 8, 4, 0.9);
  box-shadow: 0 0 30px rgba(57, 255, 126, 0.16), inset 0 0 22px rgba(57, 255, 126, 0.04);
  backdrop-filter: blur(15px);
}
.music-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 16px;
  border: 1px solid rgba(57, 255, 126, 0.52);
  border-radius: 999px;
  color: #eafff0;
  background: linear-gradient(135deg, rgba(14, 50, 25, 0.98), rgba(2, 8, 4, 0.98));
  box-shadow: inset 0 0 18px rgba(57, 255, 126, 0.06);
  font-weight: 850;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.music-toggle:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 24px rgba(57, 255, 126, 0.24), inset 0 0 20px rgba(57, 255, 126, 0.08);
}
.music-toggle.is-playing {
  color: #021108;
  border-color: #66ff99;
  background: linear-gradient(135deg, #22e86d, #72ff9f);
  box-shadow: 0 0 28px rgba(57, 255, 126, 0.42);
}
.music-toggle.is-blocked {
  animation: musicAttention 1.8s ease-in-out infinite;
}
.music-icon {
  display: inline-grid;
  place-items: center;
  width: 26px;
  height: 26px;
  font-size: 1.25rem;
  text-shadow: 0 0 12px rgba(57, 255, 126, 0.8);
}
.music-toggle.is-playing .music-icon {
  animation: musicPulse 1.1s ease-in-out infinite;
  text-shadow: none;
}
.music-status { white-space: nowrap; }
.music-volume-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px 0 4px;
  color: #6cff9e;
}
.music-volume-wrap input {
  width: 82px;
  accent-color: #39ff7e;
  cursor: pointer;
}
@keyframes musicPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.18); }
}
@keyframes musicAttention {
  0%, 100% { box-shadow: 0 0 10px rgba(57, 255, 126, 0.08); }
  50% { box-shadow: 0 0 28px rgba(57, 255, 126, 0.34); }
}
@media (max-width: 700px) {
  .gmastk-music-player {
    right: 12px;
    bottom: 12px;
    padding: 5px;
  }
  .music-toggle {
    min-width: 46px;
    min-height: 46px;
    padding: 0 12px;
  }
  .music-status,
  .music-volume-wrap { display: none; }
}

/* GMASTK v8.5 audio fix */
.music-toggle.is-blocked .music-status{color:#fff2a8}
.music-toggle.is-blocked{border-color:#ffd35a;box-shadow:0 0 24px rgba(255,211,90,.25)}