:root{--training-ink:#0a1128;--training-panel:#13223e;--training-blue:#77baff;--training-cyan:#9aeaff;--training-white:#fff;--training-muted:#aebcd4;--training-line:rgba(119,186,255,.28)}
.training-page{background:var(--training-ink);color:var(--training-white)}
.training-page .studio-header{background:rgba(10,17,40,.94)}
.training-hero{padding:clamp(7rem,13vw,12rem) 0 clamp(4rem,8vw,7rem);position:relative;overflow:hidden}
.training-hero:after{content:"";position:absolute;width:34rem;height:34rem;border:1px solid rgba(119,186,255,.18);border-radius:50%;right:-10rem;top:4rem;box-shadow:0 0 0 5rem rgba(119,186,255,.025),0 0 0 10rem rgba(119,186,255,.018)}
.training-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(18rem,.7fr);gap:clamp(2rem,7vw,7rem);align-items:end;position:relative;z-index:1}
.training-hero h1{font-size:clamp(3rem,7.2vw,7.5rem);line-height:.9;letter-spacing:-.065em;margin:.8rem 0 2rem;max-width:11ch}
.training-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--training-blue)}
.training-hero p{max-width:62ch;color:var(--training-muted);font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.75}
.training-summary{border-left:1px solid var(--training-line);padding-left:2rem;display:grid;gap:1.5rem}
.training-summary div{display:grid;grid-template-columns:3rem 1fr;gap:1rem;align-items:start}
.training-summary strong{font-size:1.8rem;color:var(--training-blue)}
.training-summary span{color:var(--training-muted);line-height:1.5}
.training-section{padding:clamp(4rem,8vw,8rem) 0;border-top:1px solid rgba(255,255,255,.1)}
.training-section.light{background:var(--paper);color:var(--ink)}
.training-head{display:grid;grid-template-columns:1fr minmax(18rem,.55fr);gap:3rem;align-items:end;margin-bottom:3.5rem}
.training-head h2{font-size:clamp(2.4rem,5vw,5rem);letter-spacing:-.05em;line-height:.98;margin:.7rem 0}
.training-head>p{line-height:1.75;color:var(--training-muted)}
.light .training-head>p{color:#52627b}
.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--training-line);border:1px solid var(--training-line)}
.course-card{background:var(--training-ink);padding:2rem;min-height:23rem;display:flex;flex-direction:column;align-items:flex-start}
.course-card .course-type{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:var(--training-blue)}
.course-card h3{font-size:1.65rem;margin:3rem 0 1rem;line-height:1.05}
.course-card p{color:var(--training-muted);line-height:1.65;flex:1}
.course-card .studio-pill{margin-top:2rem}.course-materials{display:grid;gap:.45rem;width:100%;margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--training-line)}.course-materials>span{font-size:.68rem;text-transform:uppercase;letter-spacing:.14em;color:var(--training-muted)}.course-material{font-size:.86rem;color:var(--training-cyan);line-height:1.35}.course-locked{margin-top:2rem;padding:.7rem 1rem;border:1px solid rgba(119,186,255,.35);color:var(--training-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.course-material:hover{color:#fff}
.empty-state{grid-column:1/-1;padding:4rem 2rem;text-align:center;background:var(--training-panel);color:var(--training-muted)}
.training-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.training-action{border:1px solid rgba(10,17,40,.18);padding:2.25rem;min-height:19rem;display:flex;flex-direction:column;align-items:flex-start;background:var(--paper)}
.training-action .number{color:#2479df;font-size:.75rem;letter-spacing:.16em}
.training-action h3{font-size:2rem;line-height:1.05;margin:2.2rem 0 1rem}
.training-action p{color:#52627b;line-height:1.65;flex:1}
.training-action button,.training-action a{margin-top:1.5rem}
.subscriber-dialog{max-width:620px}.subscriber-copy{padding:0 2rem;color:#52627b}.subscriber-dialog label{display:grid;gap:.4rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.subscriber-dialog input{width:100%;padding:.9rem 1rem;border:1px solid #b9c7d8;background:#fff;color:var(--training-ink)}.approved-dialog{width:min(920px,calc(100% - 2rem));max-height:82vh;border:0;padding:0;background:#f7f9fc;color:var(--training-ink);box-shadow:0 2rem 6rem rgba(0,0,0,.45)}
.approved-dialog::backdrop{background:rgba(4,9,25,.82);backdrop-filter:blur(6px)}
.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;border-bottom:1px solid #dce4ef;gap:2rem}
.dialog-head h2{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;margin:.35rem 0 0}
.dialog-close{border:1px solid #b9c7d8;background:transparent;border-radius:50%;width:2.8rem;height:2.8rem;font-size:1.3rem;cursor:pointer}
.approved-tools{padding:1.5rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.approved-tools input,.approved-tools select{width:100%;padding:.9rem 1rem;border:1px solid #b9c7d8;background:#fff;color:var(--training-ink)}
.approved-list{padding:0 2rem 2rem;overflow:auto}
.approved-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.1rem 0;border-top:1px solid #dce4ef}
.approved-row strong{font-weight:650}.approved-row span{color:#52627b}
.trend-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start}
.trend-form{display:grid;gap:1rem}.trend-form input{padding:1rem;border:1px solid rgba(255,255,255,.24);background:transparent;color:#fff}
.trend-list{display:grid;gap:.7rem}.trend-item{display:grid;grid-template-columns:minmax(8rem,1fr) 3fr auto;align-items:center;gap:1rem}.trend-bar{height:.5rem;background:rgba(255,255,255,.12)}.trend-bar i{display:block;height:100%;background:var(--training-blue)}
.system-note{font-size:.86rem;color:var(--training-muted);margin-top:1rem}
@media(max-width:850px){.training-hero-grid,.training-head,.trend-box{grid-template-columns:1fr}.course-grid{grid-template-columns:1fr}.training-actions{grid-template-columns:1fr}.training-summary{margin-top:2rem}.approved-tools{grid-template-columns:1fr}.approved-row{grid-template-columns:1fr}.training-hero:after{display:none}}
