.academy-page { background:#faf9fc; }
.academy-page .main-nav { gap:24px; }
.academy-mobile-account { display:none!important; }
.academy-page .shell { max-width:1180px; }
.academy-main { min-height:65vh; padding-bottom:90px; }
.academy-hero { display:grid; grid-template-columns:1.15fr .85fr; gap:64px; align-items:center; padding:90px 0 65px; }
.academy-hero h1 { margin:0 0 26px; font-size:clamp(3.3rem,6.5vw,6rem); letter-spacing:-.045em; line-height:1.02; }
.academy-hero h1 em { font-style:normal; color:var(--violet); }
.academy-hero p { max-width:570px; color:var(--muted); }
.academy-hero .eyebrow { color:var(--pink); }
.academy-visual { padding:35px; background:linear-gradient(140deg,#f8dbe9,#efe6ff 65%,#dff5ef); border:1px solid #e8dcf1; border-radius:34px; transform:rotate(2deg); }
.learning-preview { background:#fff; padding:26px; border-radius:22px; box-shadow:var(--shadow); transform:rotate(-2deg); }
.preview-screen { margin:18px 0; padding:30px 20px; border-radius:15px; background:#171220; color:#fff; text-align:center; }
.preview-screen span { display:block; font-size:2.4rem; color:#e6ceff; }
.preview-step { display:flex; align-items:center; gap:14px; padding:12px 0; border-bottom:1px solid var(--line); font-size:.82rem; }
.preview-step b { color:var(--violet); }
.academy-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; border-block:1px solid var(--line); padding:28px 0; }
.academy-benefits p { font-size:.84rem; color:var(--muted); margin:7px 0 0; }
.academy-heading { padding:60px 0 28px; }
.academy-heading h1,.academy-heading h2 { margin:0 0 10px; font-size:clamp(2.4rem,4vw,3.8rem); line-height:1.1; }
.academy-heading p { color:var(--muted); margin:0; }
.academy-toolbar { display:flex; gap:12px; margin:0 0 25px; }
.academy-toolbar input { width:100%; }
.academy-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:23px; }
.academy-card { padding:26px; border:1px solid var(--line); background:#fff; border-radius:23px; display:flex; flex-direction:column; }
.academy-card h3 { margin:15px 0 10px; font-size:1.2rem; }
.academy-card p { color:var(--muted); font-size:.88rem; }
.academy-card .button { margin-top:auto; }
.academy-card .course-price { color:var(--ink); font-size:1.6rem; font-weight:800; }
.academy-tag { display:inline-block; width:fit-content; padding:5px 10px; background:#f0e9ff; color:#643eb4; border-radius:9px; font-size:.68rem; font-weight:800; letter-spacing:.03em; }
.academy-empty { grid-column:1/-1; padding:40px; border:1px dashed #c8c0d6; border-radius:22px; background:#fff; text-align:center; }
.academy-empty h3 { margin:0 0 12px; }
.academy-empty p { max-width:620px; margin:0 auto 20px; color:var(--muted); }
.academy-note { color:var(--muted); font-size:.81rem; }
.academy-panel { padding:30px; border:1px solid var(--line); border-radius:24px; background:#fff; }
.academy-form { display:grid; gap:18px; }
.academy-form label { display:grid; gap:7px; font-size:.82rem; font-weight:700; }
.academy-form input,.academy-form select,.academy-form textarea,.academy-toolbar input { padding:13px 15px; border:1px solid #c9c5cf; border-radius:10px; background:#fff; min-width:0; width:100%; }
.academy-form input[type=checkbox] { width:18px; }
.academy-form label.check { display:flex; align-items:start; gap:10px; font-weight:500; }
.academy-form textarea { resize:vertical; }
.academy-two { display:grid; grid-template-columns:1fr 1fr; gap:26px; align-items:start; }
.academy-account { max-width:600px; margin:55px auto 0; }
.academy-tabs { display:flex; gap:10px; padding-bottom:23px; flex-wrap:wrap; }
.academy-tabs button { border:1px solid var(--line); border-radius:30px; padding:10px 17px; background:#fff; cursor:pointer; }
.academy-tabs button[aria-pressed=true] { background:var(--ink); color:#fff; }
.academy-message { margin:20px 0; padding:14px 18px; border-radius:12px; background:#eee7fa; color:#3e2b63; font-size:.88rem; }
.academy-message.error { background:#fff0f2; color:#962843; }
.academy-message[hidden],[hidden] { display:none!important; }
.academy-link-button { border:0; background:transparent; color:var(--violet); cursor:pointer; padding:0; text-align:left; text-decoration:underline; }
.academy-course-layout { display:grid; grid-template-columns:1fr 340px; gap:30px; align-items:start; }
.academy-course-layout h2 { font-size:2rem; }
.academy-outline { list-style:none; padding:0; margin:20px 0; }
.academy-outline li { display:flex; gap:15px; padding:20px 0; border-bottom:1px solid var(--line); }
.academy-outline li span { color:var(--violet); font-weight:800; }
.academy-outline li div { flex:1; }
.academy-outline small { color:var(--muted); }
.academy-buy { position:sticky; top:110px; }
.academy-buy .course-price { font-size:2.7rem; font-weight:800; margin:0 0 20px; }
.academy-faq { margin-top:65px; }
.academy-faq details { border-bottom:1px solid var(--line); padding:19px 0; }
.academy-faq summary { font-weight:700; cursor:pointer; }
.academy-faq p { color:var(--muted); max-width:850px; }
.academy-player-grid { display:grid; grid-template-columns:minmax(0,1fr) 315px; gap:25px; }
.academy-video { position:relative; aspect-ratio:16/9; overflow:hidden; border-radius:18px; background:#171220; }
.academy-video iframe { width:100%; height:100%; border:0; }
.academy-watermark { position:absolute; top:18px; right:18px; pointer-events:none; color:#fff; background:#0008; padding:5px 9px; border-radius:5px; font-size:11px; max-width:80%; }
.academy-video-placeholder { color:#fff; padding:35px; display:grid; place-items:center; height:100%; text-align:center; }
.academy-lesson-button { width:100%; padding:16px; text-align:left; background:#fff; border:1px solid var(--line); border-radius:12px; margin:0 0 9px; cursor:pointer; }
.academy-lesson-button[aria-current=true] { border-color:var(--violet); background:#f6f0ff; }
.academy-lesson-button:disabled { cursor:not-allowed; color:#777; background:#f7f6f8; }
.academy-lesson-button small { display:block; margin-top:5px; color:var(--muted); }
.academy-progress { height:7px; overflow:hidden; border-radius:6px; background:#eee8f5; margin:16px 0 8px; }
.academy-progress span { display:block; background:var(--violet); height:100%; }
.academy-prewrap { white-space:pre-wrap; }
.academy-admin-section { margin:25px 0; }
.academy-admin-list { display:grid; gap:15px; }
.academy-admin-row { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:18px; border:1px solid var(--line); border-radius:14px; }
.academy-admin-row p { margin:4px 0; font-size:.83rem; color:var(--muted); }
.academy-admin-row .button { min-height:40px; padding:8px 15px; }
.academy-orders { width:100%; border-collapse:collapse; font-size:.8rem; }
.academy-orders th,.academy-orders td { padding:12px; text-align:left; border-bottom:1px solid var(--line); }
.academy-scroll { overflow-x:auto; }
.academy-policy { max-width:850px; }
.academy-policy h2 { margin-top:36px; }
.academy-policy p { color:var(--muted); }
.academy-promo { margin-bottom:80px; padding:36px; border:1px solid #e6dcf3; border-radius:26px; background:linear-gradient(110deg,#fcf0f6,#f1ecfb); display:flex; justify-content:space-between; align-items:center; gap:32px; }
.academy-promo h2 { font-size:2.5rem; line-height:1.05; margin:0 0 15px; }
.academy-promo p { max-width:700px; color:var(--muted); }
button:disabled { opacity:.6; cursor:not-allowed; }
:focus-visible { outline:3px solid var(--violet); outline-offset:3px; }
@media(max-width:950px) {
  .academy-hero { gap:28px; }
  .academy-cards { grid-template-columns:1fr 1fr; }
  .academy-course-layout,.academy-player-grid { grid-template-columns:1fr; }
  .academy-buy { position:static; }
}
@media(max-width:1100px) {
  .tfcoc-with-academy .site-header { grid-template-columns:1fr auto; padding-left:18px; }
  .tfcoc-with-academy .menu-toggle { display:block; justify-self:end; }
  .tfcoc-with-academy .header-cta { display:none; }
  .tfcoc-with-academy .main-nav { display:none; position:absolute; left:0; right:0; top:calc(100% + 8px); max-height:calc(100vh - 108px); overflow:auto; padding:18px; flex-direction:column; align-items:stretch; gap:0; background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:var(--shadow); }
  .tfcoc-with-academy .main-nav.open { display:flex; }
  .tfcoc-with-academy .main-nav a { display:block; padding:13px 10px; border-bottom:1px solid var(--line); font-size:.9rem; }
}
@media(max-width:900px) {
  .academy-page .main-nav { gap:0; }
  .academy-mobile-account { display:block!important; }
}
@media(max-width:650px) {
  .academy-hero { grid-template-columns:1fr; padding-top:45px; }
  .academy-visual { padding:20px; }
  .academy-benefits,.academy-cards,.academy-two { grid-template-columns:1fr; }
  .academy-panel,.academy-empty { padding:22px; }
  .academy-heading { padding-top:40px; }
  .academy-promo { display:block; padding:25px; }
  .academy-admin-row { align-items:start; flex-direction:column; }
}