.sg-registration-countdown {
    margin: 0 0 22px;
    padding: 4px 0 20px;
    border-bottom: 1px solid rgba(32, 114, 102, .18);
    color: #245c55;
    letter-spacing: 0;
    animation: sg-registration-enter .5s ease both;
}
.sg-registration-countdown__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}
.sg-registration-countdown__heading strong { font-size: 17px; line-height: 1.5; }
.sg-registration-countdown__badge {
    padding: 4px 8px;
    border: 1px solid rgba(177, 115, 49, .22);
    border-radius: 4px;
    color: #895922;
    background: rgba(255, 246, 216, .7);
    font-size: 11px;
    line-height: 1.5;
    white-space: nowrap;
}
.sg-registration-countdown p { margin: 8px 0 14px; color: #61746f; font-size: 12px; line-height: 1.6; }
.sg-registration-countdown__digits {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 10px minmax(0, 1fr) 10px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
}
.sg-registration-countdown__digits > div {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    height: 72px;
    padding: 10px 4px;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .9);
    background: rgba(236, 250, 246, .76);
    box-shadow: 0 3px 12px rgba(24, 85, 77, .06), inset 0 1px 0 #fff;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.sg-registration-countdown__digits b {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 36px;
    font-weight: 650;
    line-height: 50px;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
    color: #246d60;
}
.sg-registration-countdown__digits span { font-size: 11px; color: #697c74; }
.sg-registration-countdown__digits i { font-size: 22px; font-style: normal; text-align: center; color: #9baca4; }
.sg-registration-countdown .sg-registration-countdown__status { margin: 12px 0 0; text-align: center; font-size: 11px; }
.sg-registration-countdown.is-open .sg-registration-countdown__badge { color: #246d60; background: #e2f6ed; border-color: #b4ddcb; }
.sg-registration-countdown.is-open .sg-registration-countdown__digits { display: none; }
.s33-register-form [data-registration-submit] { transition: transform .2s ease, opacity .2s ease, box-shadow .2s ease; letter-spacing: 0; }
.s33-register-form [data-registration-submit]:not(:disabled):active { transform: scale(.98); }
.s33-register-form [data-registration-submit]:disabled { opacity: .7; box-shadow: none; }
@keyframes sg-registration-enter { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 380px) {
    .sg-registration-countdown__digits { gap: 4px; grid-template-columns: minmax(0, 1fr) 6px minmax(0, 1fr) 6px minmax(0, 1fr); }
    .sg-registration-countdown__digits b { font-size: 28px; }
    .sg-registration-countdown__digits > div { height: 64px; gap: 3px; padding: 6px 2px; }
}
@media (prefers-reduced-motion: reduce) {
    .sg-registration-countdown { animation: none; }
    .s33-register-form [data-registration-submit] { transition: none; }
}