:root {
    --ktr-bg: #050a11;
    --ktr-panel: rgba(12, 22, 36, .90);
    --ktr-border: rgba(96, 166, 255, .25);
    --ktr-blue: #3c9eff;
    --ktr-text: #f6f8fb;
    --ktr-muted: #aab7c9;
}

html, body { margin: 0; min-height: 100%; }
body.ktr-beta-theme { background: #02050a; }
body.ktr-beta-theme, body.ktr-beta-theme * { box-sizing: border-box; }

.ktr-beta-page {
    width: 100%;
    min-height: 100vh;
    padding: 60px 20px;
    color: var(--ktr-text);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background:
        radial-gradient(circle at 14% 4%, rgba(40,120,255,.20), transparent 32%),
        radial-gradient(circle at 90% 25%, rgba(35,110,230,.10), transparent 28%),
        linear-gradient(145deg, #08111d 0%, #04080e 48%, #02050a 100%);
    position: relative;
    overflow: hidden;
}

.ktr-beta-page::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    border: 60px solid rgba(54,118,204,.05);
    border-radius: 50%;
    right: -170px;
    top: 70px;
    pointer-events: none;
}

.ktr-beta-shell {
    width: min(100%, 1050px);
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.ktr-beta-brand { text-align: center; margin-bottom: 35px; }
.ktr-beta-logo { font-size: clamp(31px, 5vw, 48px); font-weight: 800; letter-spacing: -1.7px; }
.ktr-beta-logo span, .ktr-beta-footer strong span { color: var(--ktr-blue); }
.ktr-beta-brandline { margin-top: 8px; color: #8190a4; font-size: 11px; font-weight: 600; letter-spacing: 5px; }

.ktr-beta-card,
.ktr-beta-date-card {
    background: linear-gradient(145deg, rgba(19,36,58,.94), rgba(6,14,24,.94));
    border: 1px solid var(--ktr-border);
    box-shadow: 0 28px 80px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.03);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.ktr-beta-card { border-radius: 28px; padding: 55px 65px; text-align: center; }

.ktr-beta-icon {
    width: 106px;
    height: 106px;
    margin: 0 auto 28px;
    display: grid;
    place-items: center;
    border-radius: 28px;
    background: linear-gradient(145deg, #162337, #08111c);
    border: 1px solid rgba(102,156,221,.22);
    box-shadow: 0 15px 40px rgba(0,0,0,.32), inset 0 1px rgba(255,255,255,.05);
}
.ktr-beta-icon svg { width: 58px; height: 58px; fill: #eaf3ff; }

.ktr-beta-kicker { color: #bbc8d9; font-weight: 700; font-size: 13px; letter-spacing: 7px; margin-bottom: 18px; }
.ktr-beta-card h1 { margin: 0; font-size: clamp(32px, 6vw, 64px); line-height: .98; font-weight: 850; letter-spacing: -2.5px; text-transform: uppercase; }
.ktr-beta-card h1 strong { display: block; margin-top: 10px; color: var(--ktr-blue); }
.ktr-beta-description { width: min(100%, 760px); margin: 30px auto 0; font-size: 20px; line-height: 1.55; color: #c7d0dc; }
.ktr-beta-description b { color: #fff; font-weight: 700; }

.ktr-beta-date-card { margin-top: 22px; border-radius: 24px; min-height: 145px; padding: 30px 45px; display: flex; align-items: center; gap: 35px; }
.ktr-beta-calendar { flex: 0 0 74px; width: 74px; height: 74px; display: grid; place-items: center; border-right: 1px solid rgba(160,190,225,.35); padding-right: 24px; }
.ktr-beta-calendar svg { width: 50px; height: 50px; fill: none; stroke: var(--ktr-blue); stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; }
.ktr-beta-date-content { flex: 1; }
.ktr-beta-date-title { font-size: 16px; letter-spacing: 6px; font-weight: 800; margin-bottom: 10px; }
.ktr-beta-date-text { font-size: 21px; color: #e7edf6; line-height: 1.4; }
.ktr-beta-date-sub { color: #8294ad; margin-top: 4px; font-size: 16px; }

.ktr-beta-footer { text-align: center; padding-top: 37px; }
.ktr-beta-footer strong { display: block; font-size: 27px; letter-spacing: -.7px; }
.ktr-beta-footer small { display: block; margin: 8px 0 13px; font-size: 10px; color: #74849a; text-transform: uppercase; letter-spacing: 3px; }
.ktr-beta-footer a { color: #8fa3bd; text-decoration: none; font-size: 13px; }
.ktr-beta-footer a:hover { color: #fff; }

@media (max-width: 768px) {
    .ktr-beta-page { padding: 35px 15px; }
    .ktr-beta-card { padding: 42px 25px; border-radius: 22px; }
    .ktr-beta-card h1 { letter-spacing: -1.5px; }
    .ktr-beta-description { font-size: 17px; }
    .ktr-beta-date-card { padding: 25px; gap: 22px; }
    .ktr-beta-date-text { font-size: 17px; }
}

@media (max-width: 540px) {
    .ktr-beta-brandline { letter-spacing: 2.7px; font-size: 8px; }
    .ktr-beta-card { padding: 34px 18px; }
    .ktr-beta-icon { width: 85px; height: 85px; border-radius: 22px; }
    .ktr-beta-icon svg { width: 48px; }
    .ktr-beta-kicker { font-size: 10px; letter-spacing: 4px; }
    .ktr-beta-card h1 { font-size: 34px; line-height: 1.05; }
    .ktr-beta-description { font-size: 16px; line-height: 1.55; }
    .ktr-beta-date-card { align-items: flex-start; padding: 23px 20px; gap: 18px; }
    .ktr-beta-calendar { flex-basis: 48px; width: 48px; height: 52px; padding-right: 14px; }
    .ktr-beta-calendar svg { width: 36px; height: 36px; }
    .ktr-beta-date-title { font-size: 12px; letter-spacing: 3px; }
    .ktr-beta-date-text { font-size: 15px; }
    .ktr-beta-date-sub { font-size: 13px; }
}