/* SDK ATVS Plugin — Frontend CSS v2.0 */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:wght@300;400;500;600;700&family=Barlow+Condensed:wght@400;600;700&display=swap');

:root {
    --sdka-primary:     #1A6BFF;
    --sdka-black:       #0f0f0f;
    --sdka-white:       #ffffff;
    --sdka-grey:        #f7f7f7;
    --sdka-grey-mid:    #e5e5e5;
    --sdka-text:        #444444;
    --sdka-muted:       #888888;
    --sdka-primary-dim: rgba(26,107,255,0.10);
    --sdka-green:       #00c864;
    --dash-bg:          #0d0d0d;
    --dash-surf:        #141414;
    --dash-card:        #1a1a1a;
    --dash-border:      #232323;
    --dash-text:        #ffffff;
    --dash-muted:       #666666;
    --dash-label:       #444444;
}

/* ── RESET ── */
html, body { margin: 0 !important; padding: 0 !important; width: 100% !important; }
body.sdka-dashboard-active, html.sdka-dashboard-active { margin: 0 !important; padding: 0 !important; overflow: hidden; }
.sdka-page *, .sdka-dashboard * { box-sizing: border-box; margin: 0; padding: 0; }
.sdka-page, .sdka-dashboard { font-family: 'Barlow', sans-serif; -webkit-font-smoothing: antialiased; }
.sdka-page a, .sdka-dashboard a { text-decoration: none; }
.sdka-page img { max-width: 100%; height: auto; display: block; }

/* ── BUTTONS ── */
.sdka-btn-primary {
    display: inline-block; background: var(--sdka-primary); color: #fff;
    border: none; padding: 14px 38px; font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
    cursor: pointer; clip-path: polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);
    transition: background .2s, transform .15s;
}
.sdka-btn-primary:hover { background: #0052e0; color: #fff; transform: translateY(-2px); }

.sdka-btn-secondary {
    display: inline-block; background: transparent; color: var(--sdka-black);
    border: 2px solid var(--sdka-black); padding: 12px 36px;
    font-family: 'Barlow Condensed', sans-serif; font-size: 15px; font-weight: 700;
    letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all .2s;
}
.sdka-btn-secondary:hover { border-color: var(--sdka-primary); color: var(--sdka-primary); }

.sdka-btn-dark {
    display: block; width: 100%; background: var(--sdka-black); color: #fff;
    border: none; padding: 14px; font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
    cursor: pointer; text-align: center; transition: background .2s;
}
.sdka-btn-dark:hover { background: #222; color: #fff; }

.sdka-btn-block { display: block; width: 100%; text-align: center; }

.sdka-btn-white {
    display: inline-block; background: #fff; color: var(--sdka-primary);
    border: none; padding: 14px 38px; font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
    cursor: pointer; clip-path: polygon(10px 0%,100% 0%,calc(100% - 10px) 100%,0% 100%);
    transition: transform .15s;
}
.sdka-btn-white:hover { transform: translateY(-2px); color: var(--sdka-primary); }

.sdka-btn-submit {
    display: block; width: 100%; background: var(--sdka-black); color: #fff;
    border: none; padding: 14px; font-family: 'Barlow Condensed', sans-serif;
    font-size: 15px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;
    cursor: pointer; transition: background .2s; text-align: center;
}
.sdka-btn-submit:hover { background: var(--sdka-primary); color: #fff; }

/* ── SECTION LABELS ── */
.sdka-label {
    font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 700;
    letter-spacing: 3px; text-transform: uppercase; color: var(--sdka-primary);
    margin-bottom: 12px; display: flex; align-items: center; gap: 10px;
}
.sdka-label::before { content: ''; width: 26px; height: 2px; background: var(--sdka-primary); flex-shrink: 0; }

.sdka-title {
    font-family: 'Bebas Neue', sans-serif; font-size: clamp(38px, 5vw, 66px);
    line-height: 1; margin-bottom: 18px; color: var(--sdka-black);
}
.sdka-sub { font-size: 16px; color: var(--sdka-text); line-height: 1.8; max-width: 520px; }

.sdka-section { padding: 88px 6%; }

/* ── IMAGE PLACEHOLDER ── */
.sdka-img-ph {
    background: var(--sdka-grey); border: 2px dashed var(--sdka-grey-mid);
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 8px; color: var(--sdka-muted); font-size: 12px; font-weight: 600;
    letter-spacing: 1px; text-transform: uppercase;
}

/* ══════════════════════════════════
   HERO
══════════════════════════════════ */
.sdka-hero {
    display: grid; grid-template-columns: 1fr 1fr; align-items: center;
    min-height: 90vh; padding: 60px 6%; gap: 60px;
    background: var(--sdka-white); position: relative; overflow: hidden;
}
.sdka-hero::after {
    content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 45%;
    background: var(--sdka-grey); z-index: 0;
}
.sdka-hero-text { position: relative; z-index: 1; }
.sdka-hero-visual { position: relative; z-index: 1; }
.sdka-hero-eyebrow {
    font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 700;
    letter-spacing: 4px; text-transform: uppercase; color: var(--sdka-primary);
    margin-bottom: 22px; display: flex; align-items: center; gap: 12px;
}
.sdka-hero-eyebrow::before { content: ''; width: 32px; height: 2px; background: var(--sdka-primary); }
.sdka-hero-title {
    font-family: 'Bebas Neue', sans-serif; font-size: clamp(58px, 8vw, 108px);
    color: var(--sdka-black); line-height: .95; margin-bottom: 26px;
}
.sdka-hero-title em { color: var(--sdka-primary); font-style: normal; display: block; }
.sdka-hero-desc { font-size: 16px; color: var(--sdka-text); line-height: 1.8; max-width: 430px; margin-bottom: 36px; }
.sdka-hero-cta { display: flex; gap: 14px; flex-wrap: wrap; }
.sdka-hero-img { width: 100%; height: 400px; object-fit: cover; }
.sdka-hero-img-ph { width: 100%; height: 400px; }

/* ══════════════════════════════════
   LOCKED SECTION
══════════════════════════════════ */
.sdka-locked-section { background: var(--sdka-grey); padding: 80px 6%; text-align: center; }
.sdka-locked-inner { max-width: 760px; margin: 0 auto; }
.sdka-locked-section .sdka-label { justify-content: center; }
.sdka-locked-desc { font-size: 16px; color: var(--sdka-muted); margin-bottom: 44px; }
.sdka-locked-cards { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
.sdka-locked-card {
    background: #fff; border: 1px solid var(--sdka-grey-mid); padding: 26px 22px;
    display: flex; align-items: center; gap: 18px; flex: 1; min-width: 260px; max-width: 320px;
    box-shadow: 0 4px 20px rgba(0,0,0,.06); position: relative;
}
.sdka-locked-icon { font-size: 26px; flex-shrink: 0; opacity: .3; }
.sdka-locked-info h4 {
    font-family: 'Barlow Condensed', sans-serif; font-size: 17px; font-weight: 700;
    color: var(--sdka-black); margin-bottom: 3px;
}
.sdka-locked-info p { font-size: 12px; color: var(--sdka-muted); }
.sdka-lock-badge {
    position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
    background: var(--sdka-black); color: #fff;
    font-family: 'Barlow Condensed', sans-serif; font-size: 10px; font-weight: 700;
    letter-spacing: 1px; padding: 3px 9px; text-transform: uppercase; white-space: nowrap;
}

/* ══════════════════════════════════
   HOW IT WORKS
══════════════════════════════════ */
.sdka-how-section { background: var(--sdka-black); }
.sdka-how-section .sdka-title { color: #fff; }
.sdka-how-section .sdka-sub { color: #999; }
.sdka-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: #1a1a1a; margin-top: 48px; }
.sdka-step { background: var(--sdka-black); padding: 40px 28px; border-top: 3px solid transparent; transition: border-color .3s; }
.sdka-step:hover { border-top-color: var(--sdka-primary); }
.sdka-step-num { font-family: 'Bebas Neue', sans-serif; font-size: 56px; color: rgba(26,107,255,0.15); line-height: 1; margin-bottom: 14px; }
.sdka-step h3 { font-family: 'Barlow Condensed', sans-serif; font-size: 19px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.sdka-step p { font-size: 14px; color: #777; line-height: 1.7; }

/* ══════════════════════════════════
   PLANS PREVIEW (HOME)
══════════════════════════════════ */
.sdka-plans-preview-section { background: var(--sdka-grey); }
.sdka-plan-cards { display: flex; gap: 22px; margin-top: 48px; flex-wrap: wrap; }
.sdka-plan-card {
    flex: 1; min-width: 240px; background: #fff; border: 2px solid var(--sdka-grey-mid);
    padding: 40px 32px; position: relative; transition: border-color .2s, transform .2s;
}
.sdka-plan-card:hover, .sdka-plan-featured { border-color: var(--sdka-primary); }
.sdka-plan-card:hover { transform: translateY(-4px); }
.sdka-plan-badge {
    position: absolute; top: -1px; right: 22px; background: var(--sdka-primary); color: #fff;
    font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700;
    letter-spacing: 2px; padding: 4px 12px; text-transform: uppercase;
}
.sdka-plan-name { font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--sdka-primary); margin-bottom: 14px; }
.sdka-plan-price { font-family: 'Bebas Neue', sans-serif; font-size: 58px; color: var(--sdka-black); line-height: 1; }
.sdka-plan-price sup { font-size: 22px; vertical-align: top; margin-top: 12px; }
.sdka-plan-period { font-size: 13px; color: var(--sdka-muted); margin-bottom: 22px; }
.sdka-plan-features { list-style: none; margin-bottom: 26px; }
.sdka-plan-features li { font-size: 14px; color: var(--sdka-text); padding: 8px 0; border-bottom: 1px solid var(--sdka-grey); display: flex; gap: 10px; }
.sdka-plan-features li::before { content: '\2713'; color: var(--sdka-primary); font-weight: 700; }

/* ══════════════════════════════════
   TESTIMONIALS
══════════════════════════════════ */
.sdka-testi-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 22px; margin-top: 48px; }
.sdka-testi-card { border: 1px solid var(--sdka-grey-mid); padding: 32px 28px; background: #fff; }
.sdka-testi-avatar { width: 50px; height: 50px; border-radius: 50%; object-fit: cover; margin-bottom: 14px; }
.sdka-avatar-ph { width: 50px; height: 50px; border-radius: 50%; background: var(--sdka-grey); display: flex; align-items: center; justify-content: center; font-size: 20px; margin-bottom: 14px; }
.sdka-testi-stars { color: var(--sdka-primary); font-size: 14px; margin-bottom: 12px; letter-spacing: 2px; }
.sdka-testi-text { font-size: 14px; line-height: 1.8; color: var(--sdka-text); font-style: italic; margin-bottom: 18px; }
.sdka-testi-author { font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }

/* ══════════════════════════════════
   CTA BANNER
══════════════════════════════════ */
.sdka-cta-banner {
    background: var(--sdka-primary); padding: 76px 6%;
    display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap;
}
.sdka-cta-banner h2 { font-family: 'Bebas Neue', sans-serif; font-size: clamp(30px,4vw,56px); color: #fff; line-height: 1.05; }

/* ══════════════════════════════════
   FOOTER
══════════════════════════════════ */
.sdka-footer { background: var(--sdka-black); color: #777; padding: 68px 6% 30px; }
.sdka-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 44px; margin-bottom: 44px; }
.sdka-footer-logo { font-family: 'Bebas Neue', sans-serif; font-size: 28px; color: #fff; letter-spacing: 3px; margin-bottom: 12px; }
.sdka-footer-desc { font-size: 14px; line-height: 1.8; max-width: 270px; }
.sdka-footer-col h4 { color: #fff; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 18px; }
.sdka-footer-col a { display: block; color: #666; font-size: 14px; margin-bottom: 9px; transition: color .2s; }
.sdka-footer-col a:hover { color: var(--sdka-primary); }
.sdka-footer-bottom { border-top: 1px solid #1e1e1e; padding-top: 22px; font-size: 13px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }

/* ══════════════════════════════════
   PAGE HERO
══════════════════════════════════ */
.sdka-page-hero { background: #fff; padding: 92px 6% 68px; border-bottom: 1px solid var(--sdka-grey-mid); }
.sdka-page-hero-inner { max-width: 660px; }
.sdka-page-title { font-family: 'Bebas Neue', sans-serif; font-size: clamp(54px,7vw,96px); color: var(--sdka-black); line-height: .93; margin-bottom: 20px; }
.sdka-page-desc { font-size: 17px; color: var(--sdka-text); line-height: 1.8; max-width: 540px; }

/* ══════════════════════════════════
   CONTACT
══════════════════════════════════ */
.sdka-contact-layout { display: grid; grid-template-columns: 1fr 1.4fr; gap: 72px; align-items: start; }
.sdka-contact-info h3 { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 28px; }
.sdka-contact-item { display: flex; gap: 14px; margin-bottom: 22px; align-items: flex-start; }
.sdka-contact-icon { width: 44px; height: 44px; background: var(--sdka-primary-dim); border: 1px solid rgba(26,107,255,.2); display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; }
.sdka-contact-item label { font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--sdka-primary); display: block; margin-bottom: 4px; }
.sdka-contact-item span { font-size: 15px; color: var(--sdka-text); }
.sdka-social-links { display: flex; gap: 9px; margin-top: 28px; }
.sdka-social-link { width: 42px; height: 42px; background: var(--sdka-black); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; text-decoration: none; transition: background .2s; }
.sdka-social-link:hover { background: var(--sdka-primary); color: #fff; }

.sdka-discord-cta { display: flex; align-items: flex-start; gap: 18px; background: #5865F2; color: #fff; padding: 22px; margin-bottom: 26px; }
.sdka-discord-icon { width: 50px; height: 50px; background: rgba(255,255,255,.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; }
.sdka-discord-cta h4 { font-family: 'Barlow Condensed', sans-serif; font-size: 17px; font-weight: 700; margin-bottom: 3px; }
.sdka-discord-cta p { font-size: 13px; opacity: .85; margin-bottom: 10px; }
.sdka-discord-btn { display: inline-block; background: #fff; color: #5865F2; padding: 7px 18px; font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; transition: opacity .2s; }
.sdka-discord-btn:hover { opacity: .9; color: #5865F2; }

.sdka-form-card { background: #fff; padding: 44px 38px; border: 1px solid var(--sdka-grey-mid); box-shadow: 0 8px 36px rgba(0,0,0,.07); }
.sdka-form-card h3 { font-family: 'Bebas Neue', sans-serif; font-size: 26px; margin-bottom: 24px; }
.sdka-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.sdka-form-grp { margin-bottom: 16px; }
.sdka-form-grp label { font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #666; display: block; margin-bottom: 6px; }
.sdka-contact-form input, .sdka-contact-form textarea { width: 100%; padding: 12px 14px; border: 1.5px solid var(--sdka-grey-mid); background: var(--sdka-grey); font-family: 'Barlow', sans-serif; font-size: 14px; color: var(--sdka-black); outline: none; transition: border-color .2s, background .2s; }
.sdka-contact-form input:focus, .sdka-contact-form textarea:focus { border-color: var(--sdka-primary); background: #fff; }
.sdka-contact-form textarea { min-height: 110px; resize: vertical; }
.sdka-success-msg { background: #d4edda; border: 1px solid #c3e6cb; color: #155724; padding: 12px 16px; margin-bottom: 16px; font-weight: 600; font-size: 14px; }
.sdka-error-msg { background: #fde8e8; border: 1px solid #f5c6cb; color: #721c24; padding: 12px 16px; margin-bottom: 16px; font-weight: 600; font-size: 14px; }
.sdka-note-box { background: #fff8f0; border: 1px solid #ffe0b2; color: #7a3800; padding: 14px 18px; font-size: 13px; line-height: 1.6; margin-top: 16px; }

/* ══════════════════════════════════
   AUTH — SIGNUP / LOGIN
══════════════════════════════════ */
.sdka-auth-layout { display: grid; grid-template-columns: 1fr 1fr; min-height: 100vh; }
.sdka-auth-left { background: var(--sdka-black); padding: 68px 6%; display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; }
.sdka-auth-logo { font-family: 'Bebas Neue', sans-serif; font-size: 32px; color: #fff; letter-spacing: 4px; margin-bottom: 44px; }
.sdka-auth-tagline { font-family: 'Bebas Neue', sans-serif; font-size: clamp(34px,4vw,52px); color: #fff; line-height: 1; margin-bottom: 18px; }
.sdka-auth-desc { font-size: 15px; color: #888; line-height: 1.8; max-width: 330px; }
.sdka-auth-perks { list-style: none; margin-top: 26px; }
.sdka-auth-perks li { font-size: 14px; color: #aaa; padding: 9px 0; border-bottom: 1px solid #1e1e1e; display: flex; gap: 12px; }
.sdka-auth-perks li::before { content: '\2192'; color: var(--sdka-primary); }
.sdka-auth-right { background: #fff; padding: 68px 6%; display: flex; align-items: center; justify-content: center; }
.sdka-auth-form-wrap { width: 100%; max-width: 400px; }
.sdka-auth-form-wrap h2 { font-family: 'Bebas Neue', sans-serif; font-size: 38px; margin-bottom: 5px; }
.sdka-auth-form-wrap > p { font-size: 14px; color: var(--sdka-muted); margin-bottom: 26px; }
.sdka-auth-form-wrap > p a { color: var(--sdka-primary); font-weight: 600; }

/* Plans Grid */
.sdka-plans-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 16px; margin: 26px 0; }
.sdka-plan-card { display: flex; flex-direction: column; align-items: center; justify-content: space-between; background: var(--sdka-grey); padding: 20px; border-radius: 8px; text-decoration: none; color: var(--sdka-text); border: 2px solid transparent; transition: all 0.3s; position: relative; }
.sdka-plan-card:hover { border-color: var(--sdka-primary); transform: translateY(-4px); }
.sdka-plan-featured { background: var(--sdka-primary); color: #fff; transform: scale(1.05); }
.sdka-plan-featured:hover { border-color: #fff; }
.sdka-plan-badge { position: absolute; top: -12px; background: var(--sdka-primary); color: #fff; padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: 700; letter-spacing: 1px; }
.sdka-plan-name { font-weight: 700; font-size: 16px; margin-bottom: 8px; }
.sdka-plan-price { font-family: 'Bebas Neue', sans-serif; font-size: 20px; margin-bottom: 12px; }
.sdka-plan-btn { background: var(--sdka-primary); color: #fff; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; font-weight: 600; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; width: 100%; }
.sdka-plan-featured .sdka-plan-btn { background: #fff; color: var(--sdka-primary); }
.sdka-plan-btn:hover { opacity: 0.9; }
.sdka-auth-login-link { font-size: 13px; }
.sdka-auth-login-link a { color: var(--sdka-primary); font-weight: 600; }
.sdka-auth-terms { font-size: 12px; color: #aaa; text-align: center; margin-top: 14px; }
.sdka-auth-terms a { color: var(--sdka-primary); }

.sdka-login-page-wrap { background: var(--sdka-grey); min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 60px 5%; }
.sdka-login-box { background: #fff; width: 100%; max-width: 430px; padding: 56px 46px; border: 1px solid var(--sdka-grey-mid); box-shadow: 0 12px 44px rgba(0,0,0,.08); }
.sdka-login-logo { font-family: 'Bebas Neue', sans-serif; font-size: 26px; letter-spacing: 4px; text-align: center; margin-bottom: 6px; }
.sdka-login-box h2 { font-family: 'Bebas Neue', sans-serif; font-size: 34px; text-align: center; margin-bottom: 4px; }
.sdka-login-sub { text-align: center; font-size: 14px; color: var(--sdka-muted); margin-bottom: 28px; }
.sdka-login-divider { text-align: center; font-size: 12px; color: #ccc; margin: 18px 0; position: relative; }
.sdka-login-divider::before, .sdka-login-divider::after { content: ''; position: absolute; top: 50%; width: 40%; height: 1px; background: var(--sdka-grey-mid); }
.sdka-login-divider::before { left: 0; }
.sdka-login-divider::after { right: 0; }
.sdka-auth-link { text-align: center; font-size: 14px; color: var(--sdka-muted); }
.sdka-auth-link a { color: var(--sdka-primary); font-weight: 600; }

/* ══════════════════════════════════
   PLANS PAGE
══════════════════════════════════ */
.sdka-plans-section { padding: 76px 6%; background: #fff; }
.sdka-plans-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; max-width: 760px; margin: 0 auto; }
.sdka-plan-full { border: 2px solid var(--sdka-grey-mid); padding: 48px 40px; position: relative; background: #fff; transition: border-color .3s, transform .2s; }
.sdka-plan-full:hover, .sdka-plan-full-featured { border-color: var(--sdka-primary); }
.sdka-plan-full:hover { transform: translateY(-4px); }
.sdka-plan-full-badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--sdka-primary); color: #fff; font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 2px; padding: 4px 16px; text-transform: uppercase; white-space: nowrap; }
.sdka-plan-full-name { font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--sdka-primary); margin-bottom: 14px; }
.sdka-plan-full-price { font-family: 'Bebas Neue', sans-serif; font-size: 72px; line-height: 1; }
.sdka-plan-full-price sup { font-size: 26px; vertical-align: top; margin-top: 14px; }
.sdka-plan-full-period { font-size: 13px; color: var(--sdka-muted); margin-bottom: 26px; }
.sdka-plan-full-features { list-style: none; margin-bottom: 28px; }
.sdka-plan-full-features li { padding: 11px 0; border-bottom: 1px solid var(--sdka-grey); font-size: 14px; color: var(--sdka-text); display: flex; gap: 11px; }
.sdka-plan-full-features li::before { content: '\2713'; color: var(--sdka-primary); font-weight: 700; }

.sdka-plans-faq { padding: 76px 6%; background: var(--sdka-grey); }
.sdka-faq-list { max-width: 680px; margin-top: 44px; }
.sdka-faq-item { border-bottom: 1px solid var(--sdka-grey-mid); }
.sdka-faq-q { font-family: 'Barlow Condensed', sans-serif; font-size: 18px; font-weight: 700; padding: 20px 0 12px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.sdka-faq-q::after { content: '+'; color: var(--sdka-primary); font-size: 22px; }
.sdka-faq-a { font-size: 14px; color: var(--sdka-muted); line-height: 1.8; padding-bottom: 16px; }

/* ══════════════════════════════════
   GATE PAGE
══════════════════════════════════ */
.sdka-gate-page { background: var(--sdka-grey); min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 60px 5%; }
.sdka-gate-box { background: #fff; max-width: 470px; width: 100%; padding: 56px 44px; text-align: center; border: 1px solid var(--sdka-grey-mid); box-shadow: 0 12px 44px rgba(0,0,0,.08); }
.sdka-gate-logo { font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 4px; margin-bottom: 20px; }
.sdka-gate-lock { font-size: 48px; margin-bottom: 18px; opacity: .45; }
.sdka-gate-box h2 { font-family: 'Bebas Neue', sans-serif; font-size: 34px; margin-bottom: 12px; }
.sdka-gate-box p { font-size: 15px; color: var(--sdka-text); line-height: 1.7; margin-bottom: 28px; }
.sdka-gate-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-bottom: 22px; }
.sdka-gate-plans-link { font-size: 13px; color: var(--sdka-muted); border-top: 1px solid var(--sdka-grey-mid); padding-top: 18px; }
.sdka-gate-plans-link a { color: var(--sdka-primary); font-weight: 600; }

/* ══════════════════════════════════
   REDIRECT POPUP
══════════════════════════════════ */
.sdka-popup-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.75); z-index: 99999; display: flex; align-items: center; justify-content: center; padding: 20px; }
.sdka-popup-box { background: var(--dash-surf); border: 1px solid var(--dash-border); border-top: 3px solid var(--sdka-primary); max-width: 420px; width: 100%; padding: 44px 36px; text-align: center; }
.sdka-popup-icon { font-size: 36px; margin-bottom: 14px; }
.sdka-popup-box h3 { font-family: 'Bebas Neue', sans-serif; font-size: 26px; color: #fff; margin-bottom: 10px; }
.sdka-popup-box p { font-size: 14px; color: #888; line-height: 1.7; margin-bottom: 24px; }
.sdka-popup-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.sdka-popup-btns .sdka-btn-secondary { color: #888; border-color: #444; }
.sdka-popup-btns .sdka-btn-secondary:hover { color: #fff; border-color: #666; }

/* ══════════════════════════════════
   DASHBOARD — DARK MODE (default)
══════════════════════════════════ */
.sdka-page.sdka-dashboard { 
    background: var(--dash-bg); 
    width: 100vw !important;
    height: 100vh !important;
    position: fixed !important; 
    top: 0 !important;
    left: 0 !important;
    font-family: 'Barlow', sans-serif; 
    overflow: hidden !important;
    z-index: 999999 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

.sdka-dashboard.sdka-light {
    --dash-bg:     #f5f5f5;
    --dash-surf:   #ffffff;
    --dash-card:   #f0f0f0;
    --dash-border: #e0e0e0;
    --dash-text:   #0f0f0f;
    --dash-muted:  #666666;
    --dash-label:  #999999;
}

.sdka-dash-app { display: flex; width: 100vw; height: 100vh; }

.sdka-dash-sidebar { width: 248px; flex-shrink: 0; background: var(--dash-surf); border-right: 1px solid var(--dash-border); display: flex; flex-direction: column; padding: 26px 0; position: sticky; top: 0; height: 100vh; overflow-y: auto; }

.sdka-dash-logo { font-family: 'Bebas Neue', sans-serif; font-size: 21px; letter-spacing: 4px; color: var(--dash-text); padding: 0 22px; margin-bottom: 32px; display: flex; align-items: center; gap: 8px; }

.sdka-online-dot { width: 8px; height: 8px; background: var(--sdka-green); border-radius: 50%; margin-left: auto; animation: sdkaPulse 2s infinite; }
@keyframes sdkaPulse { 0%,100%{opacity:1} 50%{opacity:.3} }

.sdka-dash-nav { flex: 1; }
.sdka-dash-nav-label { font-size: 10px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--dash-label); padding: 0 22px; margin: 18px 0 5px; }

.sdka-dash-nav-item { display: flex; align-items: center; gap: 11px; padding: 11px 22px; color: var(--dash-muted); font-size: 14px; font-weight: 500; cursor: pointer; transition: color .2s, background .2s; position: relative; text-decoration: none; background: none; border: none; width: 100%; text-align: left; font-family: 'Barlow', sans-serif; }
.sdka-dash-nav-item:hover { color: var(--dash-text); background: rgba(128,128,128,.05); }
.sdka-nav-active { color: var(--dash-text) !important; background: rgba(26,107,255,.08) !important; }
.sdka-nav-active::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--sdka-primary); }
.sdka-nav-icon { width: 19px; text-align: center; font-size: 14px; }
.sdka-logout-link { color: #c0392b !important; }
.sdka-logout-link:hover { color: #e74c3c !important; background: rgba(192,57,43,.06) !important; }
.sdka-theme-btn { cursor: pointer; }

.sdka-dash-user-wrap { padding: 18px 22px; border-top: 1px solid var(--dash-border); display: flex; align-items: center; gap: 11px; }
.sdka-dash-avatar { width: 38px; height: 38px; background: var(--sdka-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Bebas Neue', sans-serif; font-size: 15px; color: #fff; flex-shrink: 0; }
.sdka-dash-uname { font-size: 13px; font-weight: 600; color: var(--dash-text); }
.sdka-dash-uplan { font-size: 10px; color: var(--sdka-primary); font-weight: 600; letter-spacing: .5px; text-transform: uppercase; }

.sdka-dash-mobile-bar { display: none; background: var(--dash-surf); padding: 13px 18px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--dash-border); position: sticky; top: 0; z-index: 200; }
.sdka-hamburger { background: none; border: none; cursor: pointer; padding: 4px; display: flex; flex-direction: column; gap: 5px; }
.sdka-hamburger span { display: block; width: 22px; height: 2px; background: var(--dash-text); }

.sdka-dash-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.7); z-index: 300; }
.sdka-dash-overlay.open { display: block; }
.sdka-dash-drawer { position: fixed; left: 0; top: 0; bottom: 0; width: 252px; background: var(--dash-surf); border-right: 1px solid var(--dash-border); z-index: 400; transform: translateX(-100%); transition: transform .3s; display: flex; flex-direction: column; padding: 26px 0; overflow-y: auto; }
.sdka-dash-drawer.open { transform: translateX(0); }
.sdka-drawer-close { position: absolute; top: 13px; right: 13px; background: none; border: none; color: var(--dash-muted); font-size: 18px; cursor: pointer; }

.sdka-dash-main { flex: 1; overflow-y: auto; min-width: 0; width: calc(100vw - 248px); height: 100vh; }
.sdka-dash-topbar { padding: 18px 34px; border-bottom: 1px solid var(--dash-border); display: flex; justify-content: space-between; align-items: center; background: var(--dash-bg); position: sticky; top: 0; z-index: 10; }
.sdka-dash-topbar h1 { font-family: 'Barlow Condensed', sans-serif; font-size: 19px; font-weight: 700; letter-spacing: 1px; color: var(--dash-text); }
.sdka-dash-status { display: flex; align-items: center; gap: 7px; background: rgba(0,200,100,.07); border: 1px solid rgba(0,200,100,.18); padding: 5px 13px; border-radius: 20px; }
.sdka-status-dot { width: 7px; height: 7px; background: var(--sdka-green); border-radius: 50%; animation: sdkaPulse 2s infinite; }
.sdka-dash-status span { font-size: 11px; font-weight: 700; color: var(--sdka-green); letter-spacing: 1px; text-transform: uppercase; }

.sdka-dash-content { padding: 34px; }
.sdka-dash-welcome { margin-bottom: 28px; }
.sdka-dash-welcome h2 { font-family: 'Bebas Neue', sans-serif; font-size: 40px; color: var(--dash-text); margin-bottom: 5px; line-height: 1; }
.sdka-dash-welcome h2 span { color: var(--sdka-primary); }
.sdka-dash-welcome p { font-size: 14px; color: var(--dash-muted); }

.sdka-dash-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-bottom: 28px; }
.sdka-stat { background: var(--dash-surf); border: 1px solid var(--dash-border); padding: 22px 18px; }
.sdka-stat-label { font-size: 9px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--dash-label); margin-bottom: 9px; }
.sdka-stat-value { font-family: 'Bebas Neue', sans-serif; font-size: 26px; color: var(--dash-text); line-height: 1; }
.sdka-stat-primary { color: var(--sdka-primary) !important; }
.sdka-stat-green { color: var(--sdka-green); font-size: 13px; font-weight: 700; display: flex; align-items: center; gap: 4px; margin-top: 3px; }
.sdka-stat-sub { font-size: 11px; color: var(--dash-label); margin-top: 4px; }

.sdka-dash-section-label { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--sdka-primary); margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
.sdka-dash-section-label::before { content: ''; width: 18px; height: 2px; background: var(--sdka-primary); }

.sdka-access-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 28px; }
.sdka-access-card { background: var(--dash-surf); border: 1px solid var(--dash-border); padding: 28px 24px; display: flex; flex-direction: column; gap: 11px; cursor: pointer; transition: border-color .2s, transform .2s; text-decoration: none; }
.sdka-access-card:hover { border-color: var(--sdka-primary); transform: translateY(-3px); }
.sdka-access-card-top { display: flex; justify-content: space-between; align-items: flex-start; }
.sdka-access-icon { font-size: 24px; }
.sdka-unlocked-badge { display: inline-flex; align-items: center; gap: 4px; background: rgba(0,200,100,.09); border: 1px solid rgba(0,200,100,.2); padding: 2px 9px; border-radius: 12px; font-size: 10px; font-weight: 700; letter-spacing: 1px; color: var(--sdka-green); text-transform: uppercase; }
.sdka-access-title { font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 700; color: var(--dash-text); }
.sdka-access-desc { font-size: 12px; color: var(--dash-muted); line-height: 1.6; }
.sdka-access-arrow { color: var(--sdka-primary); font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-top: auto; }

.sdka-membership-card { background: var(--dash-surf); border: 1px solid var(--dash-border); padding: 26px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px; margin-bottom: 28px; }
.sdka-membership-card h4 { font-family: 'Barlow Condensed', sans-serif; font-size: 17px; font-weight: 700; color: var(--dash-text); margin-bottom: 4px; }
.sdka-membership-card p { font-size: 12px; color: var(--dash-muted); }
.sdka-plan-tag { background: var(--sdka-primary); color: #fff; font-family: 'Barlow Condensed', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 2px; padding: 3px 11px; text-transform: uppercase; display: inline-block; }
.sdka-btn-manage { background: transparent; color: var(--sdka-primary); border: 1px solid rgba(26,107,255,.35); padding: 9px 20px; font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; transition: all .2s; text-decoration: none; display: inline-block; }
.sdka-btn-manage:hover { background: var(--sdka-primary); color: #fff; }

.sdka-no-access { text-align: center; padding: 72px 36px; color: var(--dash-muted); }
.sdka-no-access h2 { font-family: 'Bebas Neue', sans-serif; font-size: 38px; color: var(--dash-text); margin-bottom: 10px; }
.sdka-no-access p { font-size: 15px; }

/* Account tab */
.sdka-account-card { background: var(--dash-surf); border: 1px solid var(--dash-border); padding: 28px; display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-bottom: 18px; }
.sdka-account-avatar-lg { width: 68px; height: 68px; background: var(--sdka-primary); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Bebas Neue', sans-serif; font-size: 26px; color: #fff; flex-shrink: 0; }
.sdka-account-name { font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 700; color: var(--dash-text); margin-bottom: 3px; }
.sdka-account-email { font-size: 13px; color: var(--dash-muted); margin-bottom: 8px; }
.sdka-details-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; margin-bottom: 18px; }
.sdka-detail-item { background: var(--dash-surf); border: 1px solid var(--dash-border); padding: 18px 22px; }
.sdka-detail-item label { font-size: 9px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--dash-label); display: block; margin-bottom: 7px; }
.sdka-detail-item span { font-size: 14px; color: var(--dash-text); font-weight: 500; }
.sdka-pw-card { background: var(--dash-surf); border: 1px solid var(--dash-border); padding: 26px; margin-bottom: 18px; }

/* Subscription tab */
.sdka-sub-card { background: var(--dash-surf); border: 1px solid var(--dash-border); border-left: 4px solid var(--sdka-primary); padding: 28px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 18px; margin-bottom: 18px; }
.sdka-sub-active-badge { color: var(--sdka-green); font-family: 'Barlow Condensed', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 7px; }
.sdka-sub-card h3 { font-family: 'Barlow Condensed', sans-serif; font-size: 20px; font-weight: 700; color: var(--dash-text); margin-bottom: 5px; }
.sdka-sub-card p { font-size: 13px; color: var(--dash-muted); }
.sdka-sub-features { background: var(--dash-surf); border: 1px solid var(--dash-border); padding: 22px 26px; margin-bottom: 18px; }
.sdka-sub-feature { display: flex; align-items: center; gap: 11px; padding: 9px 0; border-bottom: 1px solid var(--dash-border); font-size: 14px; color: var(--dash-text); }
.sdka-sub-feature:last-child { border-bottom: none; }
.sdka-sub-check { color: var(--sdka-primary); font-weight: 700; font-size: 15px; }

/* Mobile bottom nav */
/* Mobile bottom nav removed */

/* MemberPress checkout styling */
body.mepr-registration-page, body.mepr-checkout-page { background: #f7f7f7 !important; }
#mepr_checkout_form, .mepr-form, .mepr_signup_form { font-family: 'Barlow', sans-serif !important; max-width: 720px !important; margin: 0 auto !important; background: #fff !important; padding: 36px !important; border: 1px solid #e5e5e5 !important; }
.mepr-form input[type=text], .mepr-form input[type=email], .mepr-form input[type=password], .mepr_signup_form input { border: 1.5px solid #e5e5e5 !important; border-radius: 0 !important; padding: 11px 14px !important; font-family: 'Barlow', sans-serif !important; font-size: 14px !important; background: #f7f7f7 !important; }
.mepr-form input:focus, .mepr_signup_form input:focus { border-color: var(--sdka-primary) !important; background: #fff !important; outline: none !important; }
.mepr-submit, #mepr_checkout_submit, input[type=submit].mepr-btn, .mepr-form input[type=submit] { background: var(--sdka-primary) !important; border: none !important; border-radius: 0 !important; color: #fff !important; font-family: 'Barlow Condensed', sans-serif !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 2px !important; text-transform: uppercase !important; padding: 13px 32px !important; cursor: pointer !important; width: 100% !important; }

/* ══════════════════════════════════
   RESPONSIVE
══════════════════════════════════ */
@media (max-width: 1024px) {
    .sdka-steps { grid-template-columns: repeat(2,1fr); }
    .sdka-values-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
    .sdka-hero { grid-template-columns: 1fr; min-height: auto; }
    .sdka-hero::after { display: none; }
    .sdka-hero-visual { display: none; }
    .sdka-contact-layout { grid-template-columns: 1fr; gap: 40px; }
    .sdka-auth-layout { grid-template-columns: 1fr; }
    .sdka-auth-left { display: none; }
    .sdka-testi-grid { grid-template-columns: 1fr; }
    .sdka-footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    .sdka-plans-grid { grid-template-columns: 1fr; }
    .sdka-plan-cards { flex-direction: column; }
    .sdka-steps { grid-template-columns: 1fr; }
    .sdka-footer-grid { grid-template-columns: 1fr; }
    .sdka-cta-banner { flex-direction: column; text-align: center; padding: 56px 5%; }
    .sdka-form-row { grid-template-columns: 1fr; }
    .sdka-section { padding: 56px 5%; }
    .sdka-page-hero { padding: 68px 5% 48px; }
    .sdka-form-card { padding: 30px 22px; }
    .sdka-login-box { padding: 38px 26px; }
    .sdka-gate-btns { flex-direction: column; }

    /* Dashboard mobile */
    .sdka-dash-sidebar { display: none !important; }
    .sdka-dash-mobile-bar { display: flex !important; }
    .sdka-dash-topbar { display: none !important; }
    .sdka-dash-content { padding: 22px 16px !important; }
    .sdka-dash-stats { grid-template-columns: repeat(3,1fr) !important; gap: 8px !important; }
    .sdka-stat { padding: 14px 10px !important; }
    .sdka-stat-value { font-size: 20px !important; }
    .sdka-stat-label { font-size: 8px !important; }
    .sdka-stat-sub { font-size: 9px !important; }
    .sdka-access-cards { grid-template-columns: 1fr !important; }
    .sdka-dash-welcome h2 { font-size: 28px !important; }
    .sdka-details-grid { grid-template-columns: 1fr !important; }
    .sdka-sub-card { flex-direction: column; align-items: flex-start; }
    .sdka-popup-btns { flex-direction: column; }
    .sdka-popup-box { padding: 32px 22px; }
}

@media (max-width: 380px) {
    /* Bottom nav items removed */
}