:root {
    --ra-bg: #06111f;
    --ra-bg-soft: #081827;
    --ra-surface: #0d2138;
    --ra-surface-strong: #122b48;
    --ra-surface-deep: #081726;
    --ra-line: rgba(137, 178, 222, 0.19);
    --ra-line-strong: rgba(37, 215, 176, 0.48);
    --ra-text: #f6f9fd;
    --ra-muted: #9eb0c4;
    --ra-accent: #25d7b0;
    --ra-accent-soft: rgba(37, 215, 176, 0.11);
    --ra-accent-ink: #03130f;
    --ra-danger: #ff6078;
}

html { scroll-behavior: smooth; }
body.reseller-apply-page { margin: 0; color: var(--ra-text); background: var(--ra-bg); }
.reseller-apply-page *, .reseller-apply-page *::before, .reseller-apply-page *::after { box-sizing: border-box; }
.reseller-apply-page .teyo-wrap { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

.reseller-apply-header {
    position: sticky;
    top: 0;
    z-index: 40;
    border-bottom: 1px solid rgba(137, 178, 222, 0.12);
    background: rgba(6, 17, 31, 0.9);
    backdrop-filter: blur(20px);
}
.reseller-apply-header-inner { min-height: 78px; display: flex; align-items: center; gap: 26px; }
.reseller-apply-nav { display: flex; align-items: center; gap: 26px; margin-left: auto; }
.reseller-apply-nav a { color: var(--ra-muted); font-size: 12px; font-weight: 800; text-decoration: none; transition: color .2s ease, border-color .2s ease, background .2s ease; }
.reseller-apply-nav a:hover { color: var(--ra-text); }
.reseller-apply-nav .reseller-apply-nav-cta { padding: 11px 16px; color: var(--ra-text); border: 1px solid var(--ra-line-strong); border-radius: 12px; background: var(--ra-accent-soft); }
.reseller-apply-nav .reseller-apply-nav-cta:hover { color: var(--ra-accent); border-color: var(--ra-accent); }

.reseller-apply-hero { position: relative; overflow: hidden; padding: 96px 0 86px; }
.reseller-apply-orb { position: absolute; border-radius: 999px; pointer-events: none; }
.reseller-apply-orb-one { width: 620px; height: 620px; top: -310px; right: -180px; background: radial-gradient(circle, rgba(37, 215, 176, .16), transparent 68%); }
.reseller-apply-orb-two { width: 620px; height: 620px; left: -320px; bottom: -420px; background: radial-gradient(circle, rgba(55, 110, 255, .12), transparent 67%); }
.reseller-apply-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(390px, .8fr); gap: clamp(56px, 8vw, 105px); align-items: center; }
.reseller-apply-badge, .reseller-apply-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--ra-accent); font-size: 10px; font-weight: 950; letter-spacing: .18em; text-transform: uppercase; }
.reseller-apply-badge::before, .reseller-apply-eyebrow::before { content: ""; width: 22px; height: 1px; background: var(--ra-accent); }
.reseller-apply-hero h1 { max-width: 760px; margin: 23px 0 0; font-size: clamp(54px, 7vw, 94px); line-height: .95; letter-spacing: -.058em; }
.reseller-apply-hero-copy > p { max-width: 650px; margin: 28px 0 0; color: var(--ra-muted); font-size: clamp(16px, 2vw, 19px); line-height: 1.72; }
.reseller-apply-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.reseller-apply-actions .teyo-button { min-height: 52px; }
.reseller-apply-trust-row { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 36px; color: var(--ra-muted); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.reseller-apply-trust-row span { display: inline-flex; align-items: center; gap: 7px; }
.reseller-apply-trust-row b { color: var(--ra-text); font-size: 14px; }

.reseller-panel-preview { padding: 24px; border: 1px solid var(--ra-line); border-radius: 28px; background: linear-gradient(145deg, rgba(18, 43, 72, .98), rgba(7, 22, 38, .98)); box-shadow: 0 34px 90px rgba(0, 0, 0, .32); }
.reseller-panel-preview-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 20px; border-bottom: 1px solid var(--ra-line); }
.reseller-panel-preview-brand { display: flex; align-items: center; gap: 12px; }
.reseller-panel-preview-brand > span { width: 44px; height: 44px; display: grid; place-items: center; color: var(--ra-accent-ink); border-radius: 13px; background: var(--ra-accent); font-size: 25px; font-weight: 950; }
.reseller-panel-preview-brand strong, .reseller-panel-preview-brand small { display: block; }
.reseller-panel-preview-brand strong { font-size: 13px; letter-spacing: .06em; }
.reseller-panel-preview-brand small { margin-top: 3px; color: #7f94aa; font-size: 8px; letter-spacing: .14em; }
.reseller-panel-preview-status { padding: 7px 10px; color: var(--ra-accent); border: 1px solid rgba(37, 215, 176, .28); border-radius: 999px; background: rgba(37, 215, 176, .07); font-size: 8px; font-weight: 950; letter-spacing: .14em; }
.reseller-panel-preview-balance { padding: 26px 0 23px; }
.reseller-panel-preview-balance small, .reseller-panel-preview-balance span { display: block; }
.reseller-panel-preview-balance small { color: #8fa4ba; font-size: 9px; font-weight: 900; letter-spacing: .12em; }
.reseller-panel-preview-balance strong { display: block; margin-top: 5px; font-size: 54px; line-height: 1; }
.reseller-panel-preview-balance span { margin-top: 7px; color: var(--ra-muted); font-size: 11px; }
.reseller-panel-preview-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.reseller-panel-preview-grid article { min-height: 112px; padding: 16px; border: 1px solid var(--ra-line); border-radius: 15px; background: rgba(255, 255, 255, .018); }
.reseller-panel-preview-grid small, .reseller-panel-preview-grid span { display: block; }
.reseller-panel-preview-grid small { color: #7f94aa; font-size: 8px; font-weight: 900; letter-spacing: .11em; }
.reseller-panel-preview-grid strong { display: block; margin-top: 10px; font-size: 27px; }
.reseller-panel-preview-grid strong.is-accent { color: var(--ra-accent); font-size: 20px; }
.reseller-panel-preview-grid span { margin-top: 5px; color: var(--ra-muted); font-size: 9px; }

.reseller-benefit-strip { border-block: 1px solid rgba(137, 178, 222, .13); background: rgba(8, 24, 39, .88); }
.reseller-benefit-strip > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.reseller-benefit-strip article { display: grid; grid-template-columns: 34px 1fr; gap: 12px; align-items: center; min-height: 112px; padding: 24px 22px; border-right: 1px solid rgba(137, 178, 222, .12); }
.reseller-benefit-strip article:last-child { border-right: 0; }
.reseller-benefit-strip article > span { color: var(--ra-accent); font-size: 10px; font-weight: 950; }
.reseller-benefit-strip strong, .reseller-benefit-strip small { display: block; }
.reseller-benefit-strip strong { font-size: 13px; }
.reseller-benefit-strip small { margin-top: 5px; color: var(--ra-muted); font-size: 10px; line-height: 1.45; }

.reseller-apply-section { padding: 92px 0; }
.reseller-apply-section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .55fr); gap: 60px; align-items: end; margin-bottom: 40px; }
.reseller-apply-section-head h2, .reseller-apply-form-copy h2 { margin: 16px 0 0; font-size: clamp(42px, 5.4vw, 68px); line-height: 1; letter-spacing: -.052em; }
.reseller-apply-section-head > p, .reseller-apply-form-copy > p { margin: 0; color: var(--ra-muted); font-size: 14px; line-height: 1.75; }

.reseller-package-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.reseller-package-card { position: relative; display: flex; flex-direction: column; min-height: 330px; padding: 23px; border: 1px solid var(--ra-line); border-radius: 22px; background: linear-gradient(155deg, rgba(17, 41, 68, .94), rgba(8, 24, 41, .98)); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.reseller-package-card:hover { transform: translateY(-3px); border-color: rgba(37, 215, 176, .34); }
.reseller-package-card.is-featured { border-color: var(--ra-line-strong); box-shadow: inset 0 0 0 1px rgba(37, 215, 176, .08), 0 18px 45px rgba(0, 0, 0, .18); }
.reseller-package-popular { position: absolute; top: 16px; right: 16px; padding: 6px 8px; color: var(--ra-accent); border: 1px solid rgba(37, 215, 176, .25); border-radius: 999px; background: rgba(37, 215, 176, .07); font-size: 7px; font-weight: 950; letter-spacing: .13em; }
.reseller-package-card-head { display: grid; grid-template-columns: 44px 1fr; gap: 12px; align-items: center; }
.reseller-package-icon { width: 44px; height: 44px; display: grid; place-items: center; color: var(--ra-accent-ink); border-radius: 13px; background: var(--ra-accent); font-size: 18px; font-weight: 950; }
.reseller-package-card-head small, .reseller-package-card-head strong { display: block; }
.reseller-package-card-head small { color: #7f94aa; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.reseller-package-card-head strong { margin-top: 3px; font-size: 15px; }
.reseller-package-price { display: flex; align-items: baseline; gap: 7px; margin-top: 28px; }
.reseller-package-price strong { font-size: 45px; line-height: 1; letter-spacing: -.04em; }
.reseller-package-price small { color: var(--ra-accent); font-size: 9px; font-weight: 950; letter-spacing: .12em; }
.reseller-package-card ul { display: grid; gap: 10px; margin: 25px 0; padding: 0; list-style: none; }
.reseller-package-card li { position: relative; padding-left: 18px; color: var(--ra-muted); font-size: 10px; line-height: 1.5; }
.reseller-package-card li::before { content: "✓"; position: absolute; left: 0; color: var(--ra-accent); font-weight: 950; }
.reseller-package-card > a { display: flex; justify-content: center; align-items: center; min-height: 43px; margin-top: auto; color: var(--ra-text); border: 1px solid var(--ra-line); border-radius: 11px; background: rgba(255, 255, 255, .025); font-size: 9px; font-weight: 900; text-decoration: none; text-transform: uppercase; letter-spacing: .08em; transition: color .2s ease, border-color .2s ease, background .2s ease; }
.reseller-package-card > a:hover { color: var(--ra-accent); border-color: var(--ra-line-strong); background: var(--ra-accent-soft); }
.reseller-package-card.is-featured > a { color: var(--ra-accent-ink); border-color: var(--ra-accent); background: var(--ra-accent); }

.reseller-policy-card { display: grid; grid-template-columns: 54px 1fr; gap: 18px; align-items: center; margin-top: 18px; padding: 21px 24px; border: 1px solid rgba(255, 96, 120, .28); border-radius: 18px; background: rgba(89, 15, 30, .12); }
.reseller-policy-icon { width: 48px; height: 48px; display: grid; place-items: center; color: #fff; border-radius: 14px; background: #e8445e; font-size: 22px; font-weight: 950; }
.reseller-policy-card strong { color: #ff7188; font-size: 10px; letter-spacing: .13em; }
.reseller-policy-card p { margin: 7px 0 0; color: #c8d5e4; font-size: 11px; line-height: 1.65; }

.reseller-how-section { padding: 86px 0; background: linear-gradient(180deg, rgba(10, 29, 49, .76), rgba(6, 17, 31, .3)); }
.reseller-how-head { grid-template-columns: 1fr; margin-bottom: 34px; }
.reseller-how-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.reseller-how-grid article { min-height: 225px; padding: 27px; border: 1px solid var(--ra-line); border-radius: 20px; background: rgba(255, 255, 255, .02); }
.reseller-how-grid article > span { color: var(--ra-accent); font-size: 10px; font-weight: 950; letter-spacing: .12em; }
.reseller-how-grid h3 { margin: 36px 0 11px; font-size: 21px; letter-spacing: -.025em; }
.reseller-how-grid p { margin: 0; color: var(--ra-muted); font-size: 12px; line-height: 1.7; }

.reseller-apply-form-section { background: radial-gradient(720px 440px at 75% 100%, rgba(37, 215, 176, .08), transparent 72%); }
.reseller-apply-form-grid {
    display: grid;
    grid-template-columns: minmax(280px, 410px) minmax(0, 760px);
    justify-content: center;
    gap: clamp(34px, 5vw, 68px);
    align-items: start;
}
.reseller-apply-form-copy { position: static; padding-top: 24px; }
.reseller-apply-form-copy h2 { max-width: 410px; font-size: clamp(43px, 4.2vw, 61px); line-height: 1.02; text-wrap: balance; }
.reseller-apply-form-copy > p { max-width: 410px; margin-top: 22px; }
.reseller-apply-contact-card { display: grid; gap: 11px; margin-top: 27px; padding: 20px; border: 1px solid var(--ra-line); border-radius: 17px; background: rgba(255, 255, 255, .018); }
.reseller-apply-contact-card strong { margin-bottom: 2px; font-size: 12px; }
.reseller-apply-contact-card a { color: var(--ra-accent); font-size: 11px; font-weight: 820; text-decoration: none; }
.reseller-media-disclaimer { margin-top: 21px !important; padding-left: 14px; border-left: 2px solid rgba(37, 215, 176, .4); color: #7e93aa !important; font-size: 10px !important; }

.reseller-application-card { width: 100%; max-width: 760px; justify-self: end; padding: clamp(25px, 3.2vw, 38px); border: 1px solid var(--ra-line); border-radius: 26px; background: linear-gradient(145deg, rgba(17, 41, 68, .97), rgba(8, 24, 41, .99)); box-shadow: 0 24px 75px rgba(0, 0, 0, .2); }
.reseller-form-heading { margin-bottom: 24px; }
.reseller-form-heading > span { color: var(--ra-accent); font-size: 9px; font-weight: 950; letter-spacing: .15em; }
.reseller-form-heading h3 { margin: 8px 0 4px; font-size: 26px; letter-spacing: -.03em; }
.reseller-form-heading p { margin: 0; color: var(--ra-muted); font-size: 10px; }
.reseller-application-card form { display: grid; gap: 18px; }
.reseller-form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.reseller-application-card label > span, .reseller-package-choice legend { display: block; margin-bottom: 8px; color: #dfe8f3; font-size: 10px; font-weight: 850; }
.reseller-application-card label small { color: var(--ra-muted); font-weight: 600; }
.reseller-application-card input, .reseller-application-card select, .reseller-application-card textarea { width: 100%; min-height: 50px; padding: 13px 14px; color: var(--ra-text); border: 1px solid var(--ra-line); border-radius: 12px; outline: none; background: rgba(4, 15, 27, .72); font: inherit; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.reseller-application-card textarea { min-height: 110px; resize: vertical; }
.reseller-application-card input:focus, .reseller-application-card select:focus, .reseller-application-card textarea:focus { border-color: var(--ra-accent); background: rgba(4, 15, 27, .95); box-shadow: 0 0 0 3px rgba(37, 215, 176, .08); }
.reseller-package-choice { margin: 0; padding: 0; border: 0; }
.reseller-package-choice > div { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; }
.reseller-package-choice label { position: relative; cursor: pointer; }
.reseller-package-choice input { position: absolute; opacity: 0; pointer-events: none; }
.reseller-package-choice label span { min-height: 76px; display: flex; justify-content: center; flex-direction: column; gap: 5px; margin: 0; padding: 13px; border: 1px solid var(--ra-line); border-radius: 13px; background: rgba(4, 15, 27, .52); transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.reseller-package-choice label:hover span { transform: translateY(-2px); border-color: rgba(37, 215, 176, .34); }
.reseller-package-choice label strong { font-size: 11px; }
.reseller-package-choice label small { color: var(--ra-accent); font-size: 9px; }
.reseller-package-choice input:checked + span { border-color: var(--ra-accent); background: var(--ra-accent-soft); box-shadow: inset 0 0 0 1px rgba(37, 215, 176, .12); }
.reseller-policy-check { display: grid !important; grid-template-columns: 21px 1fr; gap: 11px; align-items: start; padding: 14px; border: 1px solid var(--ra-line); border-radius: 13px; background: rgba(255, 255, 255, .02); }
.reseller-policy-check input { width: 17px; min-height: 17px; margin-top: 2px; accent-color: var(--ra-accent); }
.reseller-policy-check span { margin: 0 !important; color: var(--ra-muted) !important; line-height: 1.55; }
.reseller-submit-button { width: 100%; min-height: 55px; }
.reseller-form-privacy { margin: -4px 0 0; color: #6f849a; font-size: 8px; line-height: 1.55; text-align: center; }
.reseller-honeypot { position: absolute !important; left: -9999px !important; opacity: 0 !important; }
.reseller-application-error { padding: 13px 15px; color: #ffd7dd; border: 1px solid rgba(255, 96, 120, .4); border-radius: 12px; background: rgba(112, 18, 34, .22); font-size: 11px; }
.reseller-application-success, .reseller-application-closed { min-height: 410px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; }
.reseller-application-success > span, .reseller-application-closed > span { width: 64px; height: 64px; display: grid; place-items: center; color: var(--ra-accent-ink); border-radius: 19px; background: var(--ra-accent); font-size: 28px; font-weight: 950; }
.reseller-application-closed > span { color: #fff; background: #e8445e; }
.reseller-application-success h2, .reseller-application-closed h2 { margin: 22px 0 9px; font-size: 31px; }
.reseller-application-success p, .reseller-application-closed p { max-width: 500px; margin: 0 0 24px; color: var(--ra-muted); font-size: 12px; line-height: 1.7; }

.reseller-apply-footer { padding: 38px 0; border-top: 1px solid var(--ra-line); background: #040e19; }
.reseller-apply-footer > div { display: grid; grid-template-columns: 1fr auto auto; gap: 28px; align-items: center; }
.reseller-apply-footer p { margin: 0; color: var(--ra-muted); font-size: 9px; }
.reseller-apply-footer nav { display: flex; gap: 17px; }
.reseller-apply-footer nav a { color: var(--ra-muted); font-size: 9px; text-decoration: none; }

@media (max-width: 1100px) {
    .reseller-apply-hero-grid { grid-template-columns: 1fr; }
    .reseller-apply-form-grid { grid-template-columns: minmax(260px, 360px) minmax(0, 1fr); gap: 34px; }
    .reseller-apply-form-copy h2 { font-size: 47px; }
    .reseller-panel-preview { max-width: 680px; }
    .reseller-package-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .reseller-benefit-strip > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .reseller-benefit-strip article:nth-child(2) { border-right: 0; }
    .reseller-benefit-strip article:nth-child(-n+2) { border-bottom: 1px solid rgba(137, 178, 222, .12); }
}

@media (max-width: 820px) {
    .reseller-apply-header-inner { min-height: 70px; }
    .reseller-apply-nav a:not(.reseller-apply-nav-cta) { display: none; }
    .reseller-apply-hero { padding: 72px 0 64px; }
    .reseller-apply-section { padding: 72px 0; }
    .reseller-apply-section-head, .reseller-apply-form-grid { grid-template-columns: 1fr; gap: 30px; }
    .reseller-apply-form-copy { position: static; padding-top: 0; }
    .reseller-apply-form-copy h2, .reseller-apply-form-copy > p { max-width: 660px; }
    .reseller-application-card { max-width: none; justify-self: stretch; }
    .reseller-package-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .reseller-package-choice > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .reseller-how-grid { grid-template-columns: 1fr; }
    .reseller-how-grid article { min-height: 0; }
    .reseller-apply-footer > div { grid-template-columns: 1fr; align-items: start; }
}

@media (max-width: 560px) {
    .reseller-apply-page .teyo-wrap { width: min(100% - 28px, 1180px); }
    .reseller-apply-header .teyo-brand-copy small { display: none; }
    .reseller-apply-nav .reseller-apply-nav-cta { padding: 9px 11px; font-size: 9px; }
    .reseller-apply-hero { padding: 55px 0 50px; }
    .reseller-apply-hero h1 { font-size: 47px; line-height: .98; }
    .reseller-apply-hero-copy > p { font-size: 14px; }
    .reseller-apply-actions { display: grid; grid-template-columns: 1fr; }
    .reseller-apply-actions .teyo-button { width: 100%; }
    .reseller-apply-trust-row { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
    .reseller-panel-preview { padding: 18px; border-radius: 22px; }
    .reseller-panel-preview-grid { grid-template-columns: 1fr 1fr; }
    .reseller-benefit-strip > div { grid-template-columns: 1fr; }
    .reseller-benefit-strip article { min-height: 94px; border-right: 0; border-bottom: 1px solid rgba(137, 178, 222, .12); }
    .reseller-benefit-strip article:last-child { border-bottom: 0; }
    .reseller-apply-section-head h2, .reseller-apply-form-copy h2 { font-size: 38px; line-height: 1.04; }
    .reseller-package-grid { grid-template-columns: 1fr; }
    .reseller-package-card { min-height: 0; }
    .reseller-policy-card { grid-template-columns: 45px 1fr; padding: 18px; }
    .reseller-policy-icon { width: 42px; height: 42px; }
    .reseller-application-card { padding: 21px 15px; border-radius: 21px; }
    .reseller-form-row { grid-template-columns: 1fr; }
    .reseller-package-choice > div { grid-template-columns: 1fr 1fr; }
    .reseller-apply-footer nav { flex-wrap: wrap; }
}

@media (max-width: 380px) {
    .reseller-panel-preview-grid, .reseller-package-choice > div, .reseller-apply-trust-row { grid-template-columns: 1fr; }
}
