/* Modern 1.2.5e styles (quick-admin) */
:root{ --brand:#0ea5e9; --card:#ffffff; --radius:16px; }
.container{ max-width:1120px; margin:0 auto; padding:0 18px; }
.card{ background:var(--card); border:1px solid #e5e7eb; border-radius:var(--radius); box-shadow:0 10px 30px rgba(0,0,0,.08); transition: all .22s ease-in-out; }
.dmctn-hero{ position:relative; min-height:70vh; display:flex; align-items:center; color:#fff; background:#0b1220; background-image:var(--hero, none); background-size:cover; background-position:center; }
.dmctn-hero .overlay{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,15,26,.70), rgba(10,15,26,.70)); }
.dmctn-hero .container{ position:relative; z-index:2; display:grid; grid-template-columns: 1.2fr 1fr; gap:28px; align-items:center; }
.title h1{ font-size:clamp(30px,5vw,50px); line-height:1.12; margin:0 0 12px; }
.sub{ margin:0 0 6px; opacity:.95; font-size:16px; }
.form-card{ padding:18px; }
.dmctn-form{ display:flex; flex-direction:column; gap:10px; }
.dmctn-form input{ padding:12px 14px; border:1px solid #e5e7eb; border-radius:10px; width:100%; transition: all .22s ease-in-out; }
.dmctn-form button{ padding:12px 16px; border:none; border-radius:10px; background:var(--brand); color:#fff; font-weight:700; cursor:pointer; transition: all .22s ease-in-out; }
.dmctn-form button:hover{ transform: translateY(-2px); filter: brightness(1.03); box-shadow:0 10px 22px rgba(0,0,0,.10); }
.dmctn-form .row.two{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.dmctn-form .dmctn-note{ font-size:12px; color:#4b5563; margin-top:6px; }
.dmctn-msg{ margin-top:10px; min-height:42px; }
.countdown{ font-family: ui-monospace, SFMono-Regular, Menlo, monospace; margin-top:10px; display:flex; gap:8px; justify-content:center; }
.countdown .seg{ background:#0f172a; color:#e2e8f0; padding:8px 10px; border-radius:10px; min-width:64px; text-align:center; }
.countdown .seg .num{ font-size:22px; font-weight:800; display:block; }
.quickline{ margin-top:8px; opacity:.92; }
.cta-links{ margin-top:12px; display:flex; gap:10px; }
.chip{ background:#fff; color:#111; padding:8px 12px; border-radius:999px; text-decoration:none; border:1px solid #e5e7eb; transition: all .22s ease-in-out; }
.chip:hover{ transform: translateY(-2px); box-shadow:0 10px 22px rgba(0,0,0,.10); }
.dmctn-process{ padding:44px 0; }
.dmctn-process h2{ text-align:center; margin:0 0 18px; }
.dmctn-process .steps{ display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:16px; }
.step{ display:flex; gap:12px; align-items:flex-start; padding:14px; transition: all .22s ease-in-out; }
.step:hover{ transform: translateY(-2px); box-shadow:0 16px 34px rgba(0,0,0,.12); }
.step .num{ width:34px; height:34px; border-radius:999px; background:var(--brand); color:#fff; display:flex; align-items:center; justify-content:center; font-weight:800; }
.dmctn-courses{ background:#f8fafc; padding:44px 0; }
.dmctn-courses h2{ text-align:center; margin:0 0 18px; }
.dmctn-courses .grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap:16px; }
.course{ padding:14px; transition: all .22s ease-in-out; }
.course:hover{ transform: translateY(-2px); box-shadow:0 16px 34px rgba(0,0,0,.12); }
.course h3{ margin:0 0 6px; display:flex; align-items:center; }
.course .desc{ margin:0 0 10px; color:#475569; }
.course .meta{ display:flex; justify-content:space-between; font-weight:600; }
.dmctn-form input:focus{ outline:none; border-color:var(--brand); box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 20%, transparent); }
.dmctn-thanks{ background:#ecfdf5; border:1px solid #a7f3d0; border-radius:16px; padding:20px; text-align:center; color:#065f46; }
.dmctn-thanks h2{ margin:0 0 10px; font-size:22px; }
.dmctn-thanks p{ margin:0 0 15px; }
.dmctn-thanks .btn-home{ display:inline-block; padding:10px 16px; border-radius:8px; background:#0ea5e9; color:#fff; text-decoration:none; font-weight:600; transition:all .22s; }
.dmctn-thanks .btn-home:hover{ background:#0284c7; transform: translateY(-1px); }
.dmctn-alert.error{ background:#fff1f2;border:1px solid #fecdd3;color:#be123c;border-radius:10px;padding:10px;font-weight:600; }
@media (max-width: 860px){ .dmctn-hero .container{ grid-template-columns: 1fr; } .dmctn-form .row.two{ grid-template-columns:1fr; } }
@media (prefers-color-scheme: dark){
  :root{ --card:#0b1220; }
  .card{ border-color:#1f2937; box-shadow:none; }
  .dmctn-hero{ background:#0b1220; }
  .dmctn-form input{ background:#0f172a; color:#e5e7eb; border-color:#1f2937; }
  .dmctn-process, .dmctn-courses{ background:#0b1220; color:#e5e7eb; }
  .course .desc{ color:#cbd5e1; }
}
