html, body { margin: 0; padding: 0; min-height: 100%; }
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;
    color: var(--mmcs-text, #ffffff);
    background: #08142e;
}
.mmcs-page {
    --mmcs-card-bg: rgba(8, 19, 43, 0.78);
    --mmcs-card-border: rgba(255,255,255,.10);
    --mmcs-soft: rgba(255,255,255,.72);
    min-height: 100vh;
    color: var(--mmcs-text, #ffffff);
    background:
        radial-gradient(circle at top left, rgba(71, 126, 255, 0.16), transparent 34%),
        radial-gradient(circle at bottom right, rgba(31, 214, 193, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(4, 12, 29, 0.92), rgba(8, 20, 46, 0.98)),
        var(--mmcs-bg);
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 32px 16px;
    box-sizing: border-box;
}
.mmcs-page::before,
.mmcs-page::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    filter: blur(10px);
    opacity: .7;
}
.mmcs-page::before {
    width: 420px;
    height: 420px;
    left: -120px;
    top: -120px;
    background: radial-gradient(circle, rgba(76, 131, 255, 0.25), transparent 65%);
}
.mmcs-page::after {
    width: 380px;
    height: 380px;
    right: -120px;
    bottom: -140px;
    background: radial-gradient(circle, rgba(40, 199, 171, 0.18), transparent 65%);
}
.mmcs-overlay { position: absolute; inset: 0; background: rgba(3, 9, 23, .16); }
.mmcs-content {
    position: relative;
    z-index: 2;
    width: min(980px, calc(100% - 32px));
    text-align: center;
    padding: 38px 42px 34px;
    border-radius: 28px;
    background: var(--mmcs-card-bg);
    border: 1px solid var(--mmcs-card-border);
    backdrop-filter: blur(14px);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.38);
    box-sizing: border-box;
}
.mmcs-topline { margin-bottom: 14px; }
.mmcs-site-name {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,.86);
    text-decoration: none;
    font-size: 13px;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 700;
}
.mmcs-logo img {
    max-width: 190px;
    max-height: 82px;
    object-fit: contain;
    margin-bottom: 14px;
}
.mmcs-badge {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .18em;
    padding: 9px 14px;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 999px;
    margin: 0 0 18px;
    color: rgba(255,255,255,.92);
    background: rgba(255,255,255,.05);
}
.mmcs-content h1 {
    color: #ffffff !important;
    font-size: clamp(2.4rem, 5.4vw, 5rem);
    line-height: 1.02;
    letter-spacing: -0.04em;
    margin: 0 0 16px;
    font-weight: 800;
    text-wrap: balance;
}
.mmcs-subtitle,
.mmcs-status-line,
.mmcs-content p,
.mmcs-footer,
.mmcs-socials a,
.mmcs-notice {
    color: rgba(255,255,255,.84) !important;
}
.mmcs-subtitle {
    font-size: 1.12rem;
    line-height: 1.8;
    max-width: 760px;
    margin: 0 auto 8px;
    text-wrap: balance;
}
.mmcs-status-line {
    font-size: .98rem;
    line-height: 1.7;
    max-width: 720px;
    margin: 0 auto 28px;
}
.mmcs-countdown {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin: 28px auto;
    max-width: 720px;
}
.mmcs-countdown div {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 20px;
    padding: 18px 10px;
}
.mmcs-countdown span {
    display: block;
    color: #ffffff;
    font-size: 2rem;
    line-height: 1;
    font-weight: 800;
    margin-bottom: 8px;
}
.mmcs-countdown small {
    opacity: .78;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .73rem;
}
.mmcs-cta-group {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 0 10px;
}
.mmcs-btn, .mmcs-form button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 18px;
    border-radius: 14px;
    background: #ffffff;
    color: #08142e !important;
    text-decoration: none;
    font-weight: 700;
    border: none;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(0,0,0,.14);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.mmcs-btn:hover, .mmcs-form button:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(0,0,0,.18);
}
.mmcs-form {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 26px auto 0;
    max-width: 840px;
}
.mmcs-form input {
    min-height: 48px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.10);
    color: #fff;
    padding: 0 14px;
    box-sizing: border-box;
}
.mmcs-form input:focus {
    outline: none;
    border-color: rgba(255,255,255,.32);
    box-shadow: 0 0 0 3px rgba(255,255,255,.08);
}
.mmcs-form input::placeholder { color: rgba(255,255,255,.66); }
.mmcs-socials {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 22px;
}
.mmcs-socials a {
    text-decoration: none;
    border-bottom: 1px dashed rgba(255,255,255,.28);
    padding-bottom: 2px;
}
.mmcs-footer {
    margin-top: 22px;
    font-size: .98rem;
}
.mmcs-notice {
    margin-top: 18px;
    font-size: .96rem;
}
.mmcs-error { color: #fecaca !important; }

body.mmcs-template-business .mmcs-content {
    text-align: left;
    width: min(1060px, calc(100% - 32px));
}
body.mmcs-template-business .mmcs-subtitle,
body.mmcs-template-business .mmcs-status-line { margin-left: 0; margin-right: 0; }
body.mmcs-template-business .mmcs-cta-group,
body.mmcs-template-business .mmcs-socials { justify-content: flex-start; }
body.mmcs-template-business .mmcs-form,
body.mmcs-template-business .mmcs-countdown { margin-left: 0; margin-right: 0; }

body.mmcs-template-dark .mmcs-content {
    background: rgba(3, 10, 24, .78);
    border: 1px solid rgba(255,255,255,.08);
}
body.mmcs-template-minimal .mmcs-content {
    background: rgba(8, 18, 40, .66);
}

@media (max-width: 900px) {
    .mmcs-content { padding: 32px 22px 28px; }
    .mmcs-countdown { grid-template-columns: repeat(2, 1fr); }
    .mmcs-form { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    .mmcs-page { padding: 18px 10px; }
    .mmcs-content {
        width: min(100%, calc(100% - 8px));
        padding: 26px 16px 22px;
        border-radius: 22px;
    }
    .mmcs-content h1 {
        font-size: clamp(2rem, 11vw, 3.2rem);
        line-height: 1.06;
    }
    .mmcs-subtitle { font-size: 1rem; line-height: 1.7; }
    .mmcs-status-line { font-size: .92rem; margin-bottom: 22px; }
    .mmcs-countdown { gap: 10px; margin: 22px auto; }
    .mmcs-countdown div { padding: 14px 8px; border-radius: 16px; }
    .mmcs-countdown span { font-size: 1.55rem; }
    .mmcs-form { grid-template-columns: 1fr; }
    .mmcs-btn, .mmcs-form button, .mmcs-form input { min-height: 46px; }
}



.mmcs-page {
    overflow: hidden;
}
.mmcs-page::before,
.mmcs-page::after {
    content: "";
    position: absolute;
    inset: auto;
    z-index: 0;
    pointer-events: none;
}
.mmcs-page::before {
    width: 460px;
    height: 460px;
    left: -120px;
    top: -120px;
    background: radial-gradient(circle, rgba(59,130,246,.22), rgba(59,130,246,0));
    filter: blur(10px);
}
.mmcs-page::after {
    width: 520px;
    height: 520px;
    right: -160px;
    bottom: -160px;
    background: radial-gradient(circle, rgba(14,165,233,.18), rgba(14,165,233,0));
    filter: blur(10px);
}
.mmcs-site-name {
    display: inline-block;
    margin-bottom: 18px;
    font-size: 14px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255,255,255,.82);
}
.mmcs-content {
    box-shadow: 0 24px 70px rgba(2, 6, 23, .35);
}
.mmcs-content h1,
.mmcs-content h1 * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 3px 18px rgba(0,0,0,.22);
    font-weight: 800;
}
.mmcs-btn:hover,
.mmcs-form button:hover {
    transform: translateY(-1px);
}
.mmcs-btn, .mmcs-form button {
    transition: transform .18s ease, opacity .18s ease, box-shadow .18s ease;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .16);
}
.mmcs-form input:focus {
    outline: none;
    border-color: rgba(255,255,255,.55);
    box-shadow: 0 0 0 3px rgba(255,255,255,.12);
}
body.mmcs-template-horizon .mmcs-content {
    background:
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.06)),
        rgba(7, 21, 47, .72);
    border: 1px solid rgba(255,255,255,.10);
    text-align: left;
    width: min(980px, calc(100% - 40px));
    padding: 56px 42px;
}
body.mmcs-template-horizon .mmcs-badge {
    background: rgba(255,255,255,.08);
}
body.mmcs-template-horizon .mmcs-subtitle {
    margin-left: 0;
    max-width: 760px;
}
body.mmcs-template-horizon .mmcs-cta-group,
body.mmcs-template-horizon .mmcs-socials {
    justify-content: flex-start;
}
body.mmcs-template-horizon .mmcs-countdown {
    max-width: 760px;
}
@media (max-width: 768px) {
    body.mmcs-template-horizon .mmcs-content {
        padding: 34px 20px;
        text-align: center;
    }
    body.mmcs-template-horizon .mmcs-subtitle {
        margin-left: auto;
        margin-right: auto;
    }
    body.mmcs-template-horizon .mmcs-cta-group,
    body.mmcs-template-horizon .mmcs-socials {
        justify-content: center;
    }
}


.mmcs-page[data-bg-type="image"] {
    background-size: cover;
    background-position: center;
}



:root{
    --mmcs-white:#ffffff;
    --mmcs-shadow:0 30px 80px rgba(2,6,23,.38);
    --mmcs-radius:28px;
}
body{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.mmcs-page{
    padding:40px 18px;
}
.mmcs-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(2,6,23,.18), rgba(2,6,23,.28));
    pointer-events:none;
}
.mmcs-content{
    box-shadow:var(--mmcs-shadow);
    transition:all .25s ease;
}
.mmcs-content h1,
.mmcs-content h1 *{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    text-shadow:0 8px 28px rgba(0,0,0,.18);
}
.mmcs-badge{
    background:rgba(255,255,255,.06);
    backdrop-filter:blur(4px);
}
.mmcs-site-name{
    font-weight:800;
}
.mmcs-btn, .mmcs-form button{
    transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.mmcs-btn:hover, .mmcs-form button:hover{
    transform:translateY(-1px);
    box-shadow:0 14px 28px rgba(2,6,23,.22);
}
.mmcs-notice{
    padding:14px 16px;
    border-radius:16px;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.16);
    display:inline-block;
}
.mmcs-notice.mmcs-success{
    background:rgba(16,185,129,.18);
    border-color:rgba(16,185,129,.26);
}
.mmcs-error{
    background:rgba(239,68,68,.16);
    border-color:rgba(239,68,68,.24);
    color:#fee2e2;
}
.mmcs-form{
    align-items:stretch;
}
.mmcs-form input,
.mmcs-form button{
    box-sizing:border-box;
}
.mmcs-form input{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.mmcs-footer{
    font-size:1rem;
}
body.mmcs-template-minimal .mmcs-content{
    max-width:780px;
    background:rgba(255,255,255,.07);
}
body.mmcs-template-minimal .mmcs-countdown div{
    border-radius:22px;
}
body.mmcs-template-business .mmcs-content{
    width:min(980px, calc(100% - 40px));
    background:
      linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.05)),
      rgba(9, 21, 43, .72);
    border:1px solid rgba(255,255,255,.12);
}
body.mmcs-template-business .mmcs-subtitle{
    max-width:760px;
    margin-left:0;
}
body.mmcs-template-dark .mmcs-content{
    background:
      linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02)),
      rgba(2, 6, 23, .78);
    border:1px solid rgba(255,255,255,.08);
}
body.mmcs-template-dark .mmcs-badge{
    background:rgba(255,255,255,.04);
}
body.mmcs-template-horizon .mmcs-content{
    width:min(1040px, calc(100% - 36px));
    padding:60px 46px;
    background:
      linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.05)),
      rgba(7, 21, 47, .72);
    border:1px solid rgba(255,255,255,.12);
}
body.mmcs-template-horizon .mmcs-topline{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px;
}
body.mmcs-template-horizon .mmcs-site-name{
    margin-bottom:0;
}
body.mmcs-template-horizon .mmcs-subtitle{
    max-width:760px;
    margin-left:0;
}
body.mmcs-template-horizon .mmcs-countdown{
    max-width:760px;
}
body.mmcs-theme-sunset .mmcs-overlay{
    background:linear-gradient(180deg, rgba(24,10,31,.18), rgba(24,10,31,.30));
}
body.mmcs-theme-forest .mmcs-overlay{
    background:linear-gradient(180deg, rgba(3,18,14,.15), rgba(3,18,14,.26));
}
body.mmcs-theme-hotel .mmcs-overlay{
    background:linear-gradient(180deg, rgba(10,14,24,.18), rgba(10,14,24,.30));
}
@media (max-width: 768px){
    .mmcs-page{padding:22px 12px;}
    body.mmcs-template-horizon .mmcs-content,
    body.mmcs-template-business .mmcs-content{
        width:min(100%, calc(100% - 8px));
        padding:32px 18px;
        text-align:center;
    }
    body.mmcs-template-business .mmcs-subtitle,
    body.mmcs-template-horizon .mmcs-subtitle{
        margin-left:auto;
        margin-right:auto;
    }
    body.mmcs-template-horizon .mmcs-topline{
        display:block;
    }
}


body.mmcs-theme-midnight .mmcs-page{
    background:
        radial-gradient(circle at top left, rgba(71, 126, 255, 0.16), transparent 34%),
        radial-gradient(circle at bottom right, rgba(31, 214, 193, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(4, 12, 29, 0.92), rgba(8, 20, 46, 0.98)),
        var(--mmcs-bg);
}
body.mmcs-theme-ocean .mmcs-page{
    background:
        radial-gradient(circle at top left, rgba(125,211,252,.18), transparent 30%),
        radial-gradient(circle at bottom right, rgba(56,189,248,.16), transparent 24%),
        linear-gradient(135deg, rgba(6,24,52,.94), rgba(8,47,73,.98)),
        var(--mmcs-bg);
}
body.mmcs-theme-sunset .mmcs-page{
    background:
        radial-gradient(circle at top left, rgba(251,146,60,.20), transparent 28%),
        radial-gradient(circle at bottom right, rgba(236,72,153,.18), transparent 26%),
        linear-gradient(135deg, rgba(49,24,52,.94), rgba(124,45,87,.96)),
        var(--mmcs-bg);
}
body.mmcs-theme-forest .mmcs-page{
    background:
        radial-gradient(circle at top left, rgba(74,222,128,.14), transparent 28%),
        radial-gradient(circle at bottom right, rgba(45,212,191,.14), transparent 24%),
        linear-gradient(135deg, rgba(8,29,24,.95), rgba(18,78,60,.98)),
        var(--mmcs-bg);
}
body.mmcs-theme-hotel .mmcs-page{
    background:
        radial-gradient(circle at top left, rgba(250,204,21,.12), transparent 26%),
        radial-gradient(circle at bottom right, rgba(148,163,184,.14), transparent 24%),
        linear-gradient(135deg, rgba(15,23,42,.96), rgba(30,41,59,.98)),
        var(--mmcs-bg);
}
body.mmcs-page[data-bg-type="image"]{
    background-size: cover;
    background-position: center;
}