/* Paid video area — desktop and narrow-screen layouts. */
.paid-hero{background:radial-gradient(ellipse at 9% 30%,rgba(33,181,115,.12),transparent 35%),linear-gradient(125deg,#f7fbff,#eef5fa 62%,#e8f2f5)}
.paid-hero__inner{min-height:360px;display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:58px}
.paid-hero__inner>div:first-child{max-width:720px}
.paid-hero h1{font-size:clamp(38px,5vw,58px);line-height:1.2;letter-spacing:-.04em;color:#0c2545;margin:0 0 18px}
.paid-hero__inner>div:first-child>p:not(.eyebrow){max-width:650px;color:#62758a;font-size:17px;margin:0}
.paid-hero .eyebrow{color:#246e9b;margin-bottom:16px}
.paid-hero__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}
.paid-hero__actions>span{font-size:12px;color:#77889a}
.paid-hero__badge{width:210px;height:210px;flex:0 0 210px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;box-shadow:0 20px 60px rgba(12,37,69,.12);border:1px solid rgba(255,255,255,.8)}
.paid-hero__badge strong{color:#0a5fd6;font-size:46px;line-height:1}
.paid-hero__badge strong span{font-size:19px;margin-left:4px}
.paid-hero__badge b{color:#193b5a;font-size:14px;margin-top:12px}
.paid-hero__badge small{font-size:10px;color:#8a98aa;margin-top:4px}
.paid-membership{padding-block:66px;background:#fff}
.paid-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:32px}
.paid-section-title h2{font-size:34px;line-height:1.3;color:#0c2545;margin:0 0 8px;letter-spacing:-.03em}
.paid-section-title p:not(.eyebrow){color:#738397;margin:0;font-size:14px}
.eyebrow--dark{color:#507089}
.eyebrow--dark span{width:7px;height:7px;border-radius:50%;background:#21b573}
.membership-box{min-width:390px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-radius:18px;background:#f3f8fc;border:1px solid #e3edf5;padding:20px 22px}
.membership-box>div{display:flex;flex-direction:column;gap:2px}
.membership-box b{font-size:14px;color:#25445f}
.membership-box strong{font-size:28px;color:#0a5fd6;line-height:1.35}
.membership-box small{font-size:11px;color:#718397}
.state-pill{display:inline-flex;white-space:nowrap;align-items:center;border-radius:99px;background:#f0f3f6;color:#697b8f;padding:6px 11px;font-size:11px}
.state-pill--active{background:#e7f8ef;color:#148454}
.paid-library{background:#f6f8fa;padding-top:78px}
.paid-category{margin-top:32px}
.paid-category>header{display:flex;align-items:baseline;gap:16px;margin-bottom:18px}
.paid-category h3{font-size:21px;color:#193b5a;margin:0}
.paid-category>header p{font-size:12px;color:#8090a0;margin:0}
.paid-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.paid-video-card{overflow:hidden;border:1px solid #e6ebf0;border-radius:16px;background:#fff;box-shadow:0 8px 26px rgba(12,37,69,.04);transition:transform .2s,box-shadow .2s}
.paid-video-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(12,37,69,.09)}
.paid-video-card__media{height:168px;display:flex;align-items:flex-end;padding:16px;background:radial-gradient(ellipse at 78% 14%,rgba(255,255,255,.26),transparent 25%),linear-gradient(132deg,#0c2545,#155587 58%,#21a775)}
.paid-video-card__lock{border:1px solid rgba(255,255,255,.34);border-radius:99px;padding:5px 10px;background:rgba(5,25,48,.32);color:#fff;font-size:11px;backdrop-filter:blur(8px)}
.paid-video-card__body{padding:17px 18px 16px}
.paid-video-card__meta{display:flex;justify-content:space-between;gap:12px;color:#8292a3;font-size:10px}
.paid-video-card h4{font-size:17px;line-height:1.45;color:#173754;margin:9px 0 4px}
.paid-video-card__expert{font-size:11px;color:#58738a;margin:0 0 7px}
.paid-video-card__summary{font-size:12px;color:#75869a;line-height:1.7;min-height:40px;margin:4px 0 14px}
.paid-video-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0f3;padding-top:12px}
.paid-video-card footer>strong{font-size:20px;color:#0a5fd6}
.paid-video-card .button{font-size:11px;padding:8px 12px;min-height:36px}
.paid-empty{margin-top:36px;padding:48px 24px;border:1px dashed #cad6e1;border-radius:18px;background:#fff;text-align:center}
.paid-empty>div{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#edf6fb;color:#0a5fd6;margin:0 auto 14px;font-size:22px}
.paid-empty h3{color:#193b5a;margin:0 0 5px}
.paid-empty p{color:#74869a;margin:0 0 18px;font-size:13px}
.paid-payment-note{border-radius:12px;background:#eef3f7;padding:15px 18px;margin-top:36px}
.paid-payment-note b{font-size:12px;color:#344e67}
.paid-payment-note p{font-size:11px;color:#687d91;margin:4px 0 0;line-height:1.7}
.paid-player{max-width:900px;margin:0 auto}
.paid-player__frame{aspect-ratio:16/9;background:#071a2c;border-radius:18px;overflow:hidden;margin:18px 0 24px}
.paid-player__frame iframe,.paid-player__frame video{width:100%;height:100%;border:0;display:block}
.paid-player h1{font-size:30px;color:#0c2545}
.paid-player__locked{padding:50px 24px;text-align:center;border:1px solid #e5ebf0;border-radius:18px;background:#f8fafc;color:#344d64}
.paid-player__locked b{font-size:20px}
.paid-player__locked p{color:#718397;margin:10px 0 20px}
@media(max-width:900px){.paid-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.paid-section-title{align-items:flex-start;flex-direction:column}.membership-box{min-width:min(100%,520px)}}
@media(max-width:600px){.paid-hero__inner{min-height:auto;padding-block:43px;gap:20px;align-items:flex-start}.paid-hero__inner>div:first-child{min-width:0}.paid-hero h1{font-size:36px}.paid-hero__inner>div:first-child>p:not(.eyebrow){font-size:14px}.paid-hero__badge{width:94px;height:94px;flex:0 0 94px;margin-top:12px}.paid-hero__badge strong{font-size:23px}.paid-hero__badge strong span{font-size:11px}.paid-hero__badge b{font-size:9px;margin-top:5px}.paid-hero__badge small{display:none}.paid-hero__actions{gap:10px;margin-top:18px}.paid-hero__actions>span{font-size:10px}.paid-membership,.paid-library{padding-block:46px}.paid-section-title h2{font-size:27px}.membership-box{width:100%;min-width:0;padding:16px;gap:8px}.membership-box strong{font-size:23px}.membership-box small{font-size:9px}.state-pill{font-size:9px;padding:5px 8px}.paid-video-grid{grid-template-columns:1fr;gap:13px}.paid-video-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:stretch}.paid-video-card__media{height:auto;min-height:175px;padding:9px;background:linear-gradient(145deg,#0c2545,#155587 65%,#21a775)}.paid-video-card__lock{font-size:9px;padding:4px 7px;align-self:flex-end}.paid-video-card__body{padding:12px}.paid-video-card h4{font-size:14px}.paid-video-card__summary{font-size:10px;min-height:0;margin-bottom:8px}.paid-video-card footer{padding-top:8px;gap:5px}.paid-video-card footer>strong{font-size:16px}.paid-video-card .button{font-size:9px;padding:6px 8px;min-height:31px}.paid-category>header{display:block}.paid-category h3{font-size:19px}.paid-category>header p{margin-top:4px}.paid-empty{padding:35px 17px}.paid-payment-note{margin-top:24px}.paid-player__frame{border-radius:10px;margin-top:14px}.paid-player h1{font-size:23px}}
@media(max-width:380px){.paid-hero__inner{gap:10px}.paid-hero__badge{width:78px;height:78px;flex-basis:78px}.paid-hero__badge strong{font-size:19px}.paid-video-card{grid-template-columns:92px minmax(0,1fr)}.paid-video-card__media{min-height:170px}.paid-video-card__body{padding:10px}}
