/* Readable, framed interface. Shared across all customer pages. */
:root{--muted:#c0bec5;--line:#ffffff25;--surface:#161619;--raised:#202024;--red:#f23e53}
body:before{background:none}body{background:#0d0d10;font-size:17px;line-height:1.7}.shell{width:min(1280px,calc(100% - 64px))}h1,h2,h3{font-weight:600}p{max-width:75ch}.header{min-height:105px;gap:32px}.header .navigation{gap:24px}.header .nav-link{font-size:16px}.public-login{padding:12px 18px;border:1px solid #ffffff30;border-radius:12px;background:#1a1a1f;font-size:16px}.demo-banner{border-bottom:1px solid var(--line)}.demo-banner p,.demo-pill,.demo-admin-link{font-size:16px}.demo-pill{letter-spacing:.7px}.eyebrow,.marketing-section .eyebrow,.section-heading .eyebrow{font-size:16px;letter-spacing:1.25px;color:#d0c9ce}.red-line{height:3px;width:26px;border-radius:2px}.page-description,.section-description,.author-hero .page-description{font-size:19px;line-height:1.75;color:#c9c6cd}.author-hero{padding-top:36px;gap:32px}.author-hero h1{font-size:clamp(38px,4.1vw,60px);line-height:1.16;letter-spacing:-1.6px}.author-introduction{font-size:20px}.author-contact-note{font-size:16px;color:#c0bec5}.author-portrait:after{background:linear-gradient(180deg,transparent 65%,#0d0d10 100%)}.author-portrait:before{background:radial-gradient(ellipse closest-side at 50% 57%,#56192350,transparent 100%)}.author-topics{border:1px solid var(--line);border-radius:14px;background:#17171b;padding:22px 24px;font-size:16px;gap:18px}.marketing-section{padding-top:0;margin-top:76px}.marketing-section h2{font-size:clamp(30px,3.3vw,44px);line-height:1.2;letter-spacing:-1px}.author-about{border:1px solid var(--line);border-radius:24px;padding:36px;background:#19191d;gap:42px;grid-template-columns:1fr 1.2fr}.author-about-copy{font-size:18px;color:#c9c6cd;line-height:1.8}.author-about-copy .author-lead{font-size:23px;line-height:1.5;color:#fff}.author-about-copy p:last-of-type{margin-bottom:20px}.author-audience{gap:42px;grid-template-columns:1fr 1.2fr;padding-bottom:0}.audience-list{display:grid;gap:14px}.audience-list article,.audience-list article:first-child{padding:24px;border:1px solid var(--line);border-radius:18px;background:#17171b;gap:18px}.audience-list h3{font-size:21px;line-height:1.45;letter-spacing:-.4px}.audience-list p{font-size:17px;line-height:1.7;color:#c2bfc7;margin-bottom:0}.feature-icon,.situation-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:14px;background:#f23e5317;border:1px solid #f23e5340;color:#ff6677}.feature-icon .icon,.situation-icon .icon{width:25px;height:25px}.marketing-section-intro .section-description{font-size:18px}.work-cards{gap:20px}.author-work .work-card{background:#19191d;border-color:#ffffff29;border-radius:20px;padding:32px}.work-card .work-card-top{margin-bottom:26px}.work-card-top>.icon{color:#ff6375;width:34px;height:34px;padding:6px;border-radius:9px;background:#f23e531a}.author-work .work-card h3{font-size:32px}.author-work .work-card>p{font-size:18px;color:#c9c6cd}.service-index,.service-type{font-size:16px}.author-work>.section-description,.author-courses>.section-description{font-size:18px}.button{min-height:52px;font-size:16px;border-radius:11px;font-weight:600}.button-light{background:#242329;border-color:#55515b;color:#f4f2f6}.text-link{font-size:16px;color:#f2d7dc;text-decoration:underline;text-underline-offset:5px}.text-button,.back-link{font-size:16px}.course-card{background:#19191d;border:1px solid #ffffff29;border-radius:20px}.card-content{padding:28px}.course-type,.course-badge{font-size:16px;letter-spacing:.3px}.course-badge{padding:6px 10px}.card-top{flex-wrap:wrap}.card-facts,.card-resume,.card-progress-label,.purchase-note{font-size:16px;color:#c9c6cd}.card-facts{gap:10px}.card-facts span+span{padding-left:10px}.course-card-description{color:#c9c6cd}.card-actions .text-link{font-size:16px}.card-progress .progress-track{height:6px}.course-emblem.card-cover{aspect-ratio:2.3;background:#111114;border-bottom:1px solid #ffffff19}.home-steps,.author-courses .home-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0;padding:0;margin-top:28px}.home-steps article{display:block;padding:24px;background:#19191d;border:1px solid #ffffff29;border-radius:18px}.home-steps .step-number{display:flex;align-items:center;justify-content:space-between;color:#ff6577;margin:0 0 20px;width:100%;font-size:16px}.step-number .icon{width:40px;height:40px;padding:9px;border-radius:11px;background:#f23e5320;stroke-width:1.8}.step-number b{font-weight:600;color:#d6a2aa}.home-steps h3,.author-courses .home-steps h3{font-size:21px;line-height:1.4}.home-steps p,.author-courses .home-steps p{font-size:17px;line-height:1.7;color:#c9c6cd;max-width:none;margin-bottom:0}.situation-grid{gap:14px}.situation-grid a{display:flex;align-items:center;gap:16px;padding:22px;background:#19191d;border-color:#ffffff29;border-radius:16px;transition:background .2s,border-color .2s,transform .2s}.situation-grid a:hover{background:#252025;border-color:#f23e53;transform:translateY(-2px)}.situation-grid strong{display:block;font-size:18px;font-weight:500;line-height:1.5}.situation-grid small{display:block;margin-top:5px;font-size:16px;color:#ff8796}.situation-arrow{margin-left:auto;color:#ee6075}.course-faq details{border:1px solid #ffffff2b;background:#19191d;border-radius:14px;padding:0;margin-top:12px;overflow:hidden}.course-faq h2{margin-bottom:26px}.course-faq summary{padding:22px 24px;font-size:20px;line-height:1.5;list-style:none;display:flex;align-items:center;gap:16px}.course-faq summary::-webkit-details-marker{display:none}.course-faq summary:before{content:'';display:block;flex:0 0 auto;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #ff4e65;transition:transform .2s}.course-faq details[open] summary:before{transform:rotate(90deg)}.course-faq details[open]{border-color:#bf4052}.course-faq p{padding:0 24px 24px 50px;margin:0;font-size:18px;color:#c9c6cd}.author-closing{margin-top:76px;padding:36px;border-radius:24px;background:#21191d;border:1px solid #b3495b66}.author-closing p:not(.eyebrow){font-size:18px}.closing-action>span{font-size:16px}.community-section{display:grid;grid-template-columns:1fr 1.35fr;gap:32px;align-items:center;margin-top:64px;padding:32px 0;border-top:1px solid var(--line)}.community-section h2{font-size:30px}.community-section p:not(.eyebrow){font-size:16px;color:#c0bec5;margin:12px 0 0}.community-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.community-links a{display:flex;flex-wrap:wrap;align-items:center;gap:14px;border:1px solid #ffffff29;background:#19191d;padding:20px;border-radius:15px;transition:border-color .2s,transform .2s}.community-links a:hover{border-color:#ff6577;transform:translateY(-3px)}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:11px;font-size:18px;font-weight:700}.youtube{background:#d8283a;color:#fff}.vk{background:#2465d3;color:#fff;font-size:16px}.telegram{background:#1688b8;color:#fff;font-size:27px}.community-links a>span:last-child{margin-left:auto;color:#d7b8c0}.community-links strong{display:block;font-size:16px}.community-links small{display:block;font-size:16px;color:#c0bec5;margin-top:3px}.footer{font-size:16px;flex-wrap:wrap}.footer p{font-size:16px}
/* Listening, library, checklists and dialogs use the same readable scale. */
.course-top .page-description{font-size:18px}.course-facts{font-size:16px}.course-top .eyebrow,.player-eyebrow,.player-chapter-number{font-size:16px}.player,.chapters-section,.course-progress,.checklist-teaser,.checklist-formula,.cabinet-overview,.catalog-access-callout{background:#19191d;border-color:#ffffff29;border-radius:18px}.chapter-name{font-size:17px}.chapter-list button{min-height:68px}.chapter-number,.chapter-duration,.player-bottom,.progress-caption,.sync-status,.time-labels,.checklist-sync-status,.checklist-help,.intro-caption,.access-note{font-size:16px;color:#c9c6cd}.player-message{font-size:16px}.checklist-items label{font-size:18px;line-height:1.7}.checklist-items li{border-color:#ffffff29;background:#19191d;border-radius:14px}.modal{border-radius:20px;border-color:#59515b;background:#19191d}.modal p,.contact-dialog-description{font-size:17px;color:#c9c6cd}.gate{border:1px solid #ffffff29;border-radius:22px;background:#19191d;margin-top:32px;padding:36px}.gate p{font-size:18px}.count-label{font-size:16px}.button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #ff7a8a;outline-offset:4px}
@media(max-width:1000px){.header{gap:20px;flex-wrap:wrap}.community-section{grid-template-columns:1fr}.author-about,.author-audience{gap:28px}.author-about{padding:28px}.community-links a{flex-wrap:nowrap}.home-steps,.author-courses .home-steps{gap:12px}.home-steps article{padding:20px}}
@media(max-width:700px){.shell{width:calc(100% - 36px)}.header .navigation{gap:22px;overflow-x:auto;max-width:100%;order:3;width:100%}.header .nav-link,body[data-public-page="home"] .nav-link{font-size:16px;min-height:48px}.public-login{font-size:16px;padding:10px 12px;margin-left:auto}.header{gap:8px}.author-hero{gap:16px;padding-top:24px}.author-hero h1{font-size:clamp(34px,8.5vw,49px);letter-spacing:-1px}.author-hero .page-description,.page-description,.section-description{font-size:18px}.author-hero .eyebrow{font-size:16px}.author-topics{font-size:16px;padding:18px;gap:14px}.author-topics span{gap:8px}.marketing-section{margin-top:48px}.author-about,.author-audience{grid-template-columns:1fr}.author-about{padding:24px;border-radius:18px}.marketing-section h2{font-size:32px}.author-about-copy{font-size:17px}.author-about-copy .author-lead{font-size:21px}.audience-list article,.audience-list article:first-child{padding:20px;gap:14px}.audience-list h3{font-size:19px}.feature-icon,.situation-icon{width:42px;height:42px;border-radius:11px}.author-work .work-card{padding:24px}.author-work .work-card h3{font-size:29px}.author-work .work-card>p{font-size:17px}.home-steps,.author-courses .home-steps{grid-template-columns:1fr}.home-steps article{display:grid;grid-template-columns:44px 1fr;gap:0 16px;padding:22px}.home-steps .step-number{display:flex;flex-direction:column;gap:9px;grid-row:1/3;margin:0}.author-courses .home-steps h3,.author-courses .home-steps p{grid-column:2}.situation-grid{grid-template-columns:1fr}.situation-grid a{padding:18px;gap:12px}.situation-grid strong{font-size:17px}.situation-grid small{font-size:16px}.course-faq summary{padding:20px;font-size:18px;gap:13px}.course-faq p{padding:0 20px 22px 43px;font-size:17px}.author-closing{padding:26px;margin-top:48px}.community-section{margin-top:40px;gap:24px}.community-links{grid-template-columns:1fr}.community-links a{padding:18px}.community-links strong{font-size:17px}.community-links small{font-size:16px}.community-section h2{font-size:28px}.card-content{padding:23px}.course-card h3{font-size:26px}.course-badge,.course-type{font-size:16px}.course-top h1{font-size:32px}.course-top .page-description{font-size:17px}.gate{padding:26px}.demo-banner p,.demo-pill{font-size:16px}.demo-banner{gap:6px}.footer{gap:12px}.eyebrow,.marketing-section .eyebrow{font-size:16px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}