:root{--studio-bg:#f3f7ff;--studio-panel:#ffffff;--studio-line:#e1e8f6;--studio-text:#1f2433;--studio-soft:#71809a}
body.studio-page{margin:0;background:var(--studio-bg);color:var(--studio-text)}
.studio-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 28px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--studio-line)}
.studio-logo{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.studio-logo span{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:var(--blue);color:#fff;font-weight:900}.studio-logo strong{font-size:17px}.studio-topbar nav{display:flex;gap:18px}.studio-topbar nav a,.studio-back{color:var(--studio-soft);font-size:13px;font-weight:800;text-decoration:none}.studio-back{padding:12px 16px;border-radius:14px;background:#eef4ff;color:var(--blue)}
.studio-shell{display:grid;grid-template-columns:260px 1fr;gap:24px;width:min(1280px,100% - 34px);margin:24px auto 0}.studio-sidebar{position:sticky;top:90px;align-self:start;display:grid;gap:8px;padding:16px;border-radius:28px;background:var(--studio-panel);box-shadow:0 16px 40px rgba(61,80,130,.08)}.student-badge{display:flex;gap:12px;align-items:center;padding:12px 10px 18px;margin-bottom:8px;border-bottom:1px solid var(--studio-line)}.student-badge>span{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:var(--mint);color:#236b47;font-weight:900}.student-badge strong,.student-badge small{display:block}.student-badge small{color:var(--studio-soft);font-size:10px}.studio-sidebar a{display:flex;align-items:center;gap:10px;padding:13px 12px;border-radius:15px;color:var(--studio-soft);font-size:13px;font-weight:800;text-decoration:none}.studio-sidebar a span{width:24px;height:24px;display:grid;place-items:center;border-radius:9px;background:#f0f4ff;color:var(--blue)}.studio-sidebar a.is-active,.studio-sidebar a:hover{background:var(--blue);color:#fff}.studio-sidebar a.is-active span,.studio-sidebar a:hover span{background:rgba(255,255,255,.18);color:#fff}
.studio-content{display:grid;gap:22px}.studio-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}.studio-hero>div:first-child,.progress-card,.studio-panel,.studio-final{border-radius:34px;background:var(--studio-panel);box-shadow:0 16px 40px rgba(61,80,130,.08)}.studio-hero>div:first-child{padding:54px}.studio-hero h1{max-width:760px;margin:16px 0 18px;font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.055em}.studio-hero h1 span{color:var(--blue)}.studio-hero p:not(.eyebrow){max-width:650px;color:#59657b;font-size:17px;line-height:1.65}.studio-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.studio-actions .button{width:auto}
.progress-card{position:relative;overflow:hidden;padding:34px;display:flex;flex-direction:column;justify-content:center}.progress-card::after{content:"5";position:absolute;right:-20px;bottom:-72px;color:rgba(75,116,255,.08);font-size:240px;font-weight:900;line-height:1}.progress-label{position:relative;z-index:1;color:var(--studio-soft);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.progress-card strong{position:relative;z-index:1;margin-top:10px;color:var(--blue);font-size:76px;line-height:1;font-weight:900}.progress-bar{position:relative;z-index:1;height:14px;margin:20px 0 24px;border-radius:99px;background:#e8eefc;overflow:hidden}.progress-bar i{display:block;width:37%;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),#8f7bff)}.progress-card ul{position:relative;z-index:1;display:grid;gap:12px;margin:0;padding:0;list-style:none}.progress-card li{display:flex;gap:10px;align-items:center;color:#566174;font-size:13px}.progress-card li span{width:12px;height:12px;border-radius:50%;background:var(--mint)}
.studio-panel{padding:34px}.panel-head{display:grid;grid-template-columns:1fr .8fr;gap:30px;align-items:end;margin-bottom:24px}.panel-head h2,.studio-panel h2,.studio-final h2{margin:10px 0 0;font-size:clamp(30px,3.6vw,46px);line-height:1.08;letter-spacing:-.04em}.panel-head>p{margin:0;color:var(--studio-soft);font-size:14px;line-height:1.6}.course-grid,.tariff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.course-grid article,.tariff-grid article{min-height:230px;padding:24px;border-radius:26px;background:#f7faff}.course-grid article:nth-child(2){background:#f2efff}.course-grid article:nth-child(3){background:#eefff4}.course-tag,.tariff-grid span{color:var(--blue);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.course-grid h3,.tariff-grid h3{margin:35px 0 10px;font-size:22px;line-height:1.18}.course-grid p,.tariff-grid p{color:#657088;font-size:13px;line-height:1.55}.course-grid small{display:block;margin-top:20px;color:#2f3a51;font-size:11px;font-weight:900}
.studio-split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.task-list{display:grid;gap:12px;margin-top:22px}.task-list>div{display:flex;gap:14px;padding:16px;border-radius:18px;background:#f7faff}.task-list span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:var(--blue);color:#fff;font-size:11px;font-weight:900}.task-list p,.task-list strong{display:block;margin:0}.task-list p{color:var(--studio-soft);font-size:12px}.task-list strong{color:var(--studio-text);font-size:13px}.bonus-panel{background:linear-gradient(135deg,var(--blue),#9178ff);color:#fff}.bonus-panel .eyebrow{color:#e4eaff}.bonus-panel ul{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none}.bonus-panel li{padding:16px;border-radius:18px;background:rgba(255,255,255,.14)}.bonus-panel strong,.bonus-panel span{display:block}.bonus-panel span{margin-top:5px;color:#e8edff;font-size:12px}
.tariff-grid article{background:#fff7ce}.tariff-grid article.is-featured{background:var(--blue);color:#fff;transform:translateY(-6px)}.tariff-grid article.is-featured span,.tariff-grid article.is-featured p{color:#e7edff}
.studio-final{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:40px;background:linear-gradient(135deg,#071633,var(--blue));color:#fff}.studio-final p:not(.eyebrow){max-width:650px;color:#e3eaff}.studio-final .button{flex:0 0 auto}.studio-footer{display:flex;justify-content:space-between;width:min(1280px,100% - 34px);margin:22px auto 0;padding:0 0 36px;color:var(--studio-soft);font-size:12px}.studio-footer a{color:var(--blue);font-weight:800;text-decoration:none}
@media (max-width:1000px){.studio-shell{grid-template-columns:1fr}.studio-sidebar{position:relative;top:auto;grid-template-columns:repeat(3,1fr)}.student-badge{grid-column:1/-1}.studio-hero,.studio-split,.panel-head{grid-template-columns:1fr}.course-grid,.tariff-grid{grid-template-columns:1fr}.studio-topbar nav{display:none}}
@media (max-width:720px){.studio-topbar{padding:12px 14px}.studio-back{display:none}.studio-shell{width:min(100% - 22px,1280px);margin-top:14px}.studio-sidebar{display:flex;overflow-x:auto;border-radius:22px}.student-badge{display:none}.studio-sidebar a{white-space:nowrap}.studio-hero>div:first-child,.progress-card,.studio-panel,.studio-final{border-radius:24px;padding:24px 18px}.studio-hero h1{font-size:39px}.studio-actions{display:grid}.studio-actions .button{width:100%}.studio-final{display:grid}.studio-final .button{width:100%}.studio-footer{display:grid;gap:6px;width:min(100% - 22px,1280px)}}
.course-link{display:inline-flex;margin-top:16px;padding:11px 13px;border-radius:13px;background:#fff;color:var(--blue);font-size:12px;font-weight:900;text-decoration:none;box-shadow:0 8px 20px rgba(61,80,130,.08)}