:root { --mt-blue:#2563eb; --mt-navy:#111b35; --mt-bg:#f5f7fb; --mt-text:#14213b; --mt-muted:#60718f; --mt-border:#dbe4f0; }
* { box-sizing:border-box; }
body { margin:0; background:var(--mt-bg); color:var(--mt-text); font-family:Inter,Arial,sans-serif; }
.academy-header { height:104px; padding:0 5%; display:flex; align-items:center; gap:34px; background:#fff; border-bottom:1px solid var(--mt-border); }
.academy-brand { color:var(--mt-text); text-decoration:none; font-size:23px; font-weight:800; white-space:nowrap; }.academy-brand span { display:inline-grid; place-items:center; width:54px; height:54px; margin-right:14px; border-radius:15px; color:#fff; background:linear-gradient(135deg,#3b82f6,#1d4ed8); box-shadow:0 8px 18px #2563eb40; }
.academy-nav { margin-left:auto; display:flex; align-items:center; gap:7px; }.academy-nav a { color:#34425b; text-decoration:none; font-weight:700; padding:15px 18px; border-radius:12px; }.academy-nav a:hover,.academy-nav a.active { color:var(--mt-blue); background:#edf4ff; }
.academy-profile { display:flex; gap:12px; align-items:center; padding-left:22px; border-left:1px solid var(--mt-border); }.academy-profile>b { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; color:#245ccc; background:#e0ebff; }.academy-profile strong,.academy-profile small { display:block; }.academy-profile small { color:var(--mt-muted); margin-top:3px; }
.mt-modern-page { max-width:1744px; margin:auto; padding:38px 5% 72px; }.mt-hero { display:grid; grid-template-columns:1.8fr .8fr; gap:52px; padding:58px 54px; border-radius:30px; color:#fff; background:linear-gradient(115deg,#203d8d,#2875f4); box-shadow:0 22px 40px #173a8f2b; }.eyebrow { margin:0 0 16px; color:#c8dcff; font-size:13px; letter-spacing:1px; font-weight:800; }.mt-hero h1 { max-width:900px; margin:0; font-size:clamp(38px,5vw,72px); line-height:1.04; letter-spacing:-2px; }.mt-hero>div>p:not(.eyebrow) { max-width:850px; font-size:19px; line-height:1.65; color:#eef5ff; }.primary-btn,.secondary-btn,.reset-btn,.mt-reader-card footer button,.skills-card button { display:inline-block; margin:16px 8px 0 0; padding:15px 23px; border:1px solid transparent; border-radius:12px; cursor:pointer; font-weight:800; font-size:15px; }.primary-btn { color:#1f5de7; background:#fff; }.secondary-btn { color:#fff; background:transparent; border-color:#a7c6ff; }.mt-hero-progress { align-self:center; padding:36px; color:var(--mt-text); background:#fff; border-radius:25px; }.mt-hero-progress h2 { font-size:17px; }.mt-hero-progress>div:nth-child(2) { display:flex; align-items:center; gap:20px; }.mt-hero-progress strong { font-size:48px; color:var(--mt-blue); }.mt-hero-progress span { color:var(--mt-muted); }.mt-progress-track { height:7px; margin-top:15px; background:#e3eaf4; border-radius:20px; overflow:hidden; }.mt-progress-track i { display:block; width:0; height:100%; background:var(--mt-blue); transition:width .25s; }.reset-btn { margin-top:22px; color:#50617c; background:#fff; border-color:#ccd8e8; }
.mt-tabs { display:flex; gap:15px; margin:28px 0 42px; padding:17px; border:1px solid var(--mt-border); border-radius:18px; background:#fff; }.mt-tab { padding:14px 23px; border:0; border-radius:12px; background:transparent; color:#34425b; cursor:pointer; font-weight:800; }.mt-tab.active { color:#fff; background:var(--mt-blue); }.mt-view { display:none; }.mt-view.active { display:block; }.section-heading { margin-bottom:28px; }.section-heading .eyebrow { color:var(--mt-blue); }.section-heading h2 { margin:0 0 10px; font-size:31px; }.section-heading>p:not(.eyebrow) { color:var(--mt-muted); font-size:17px; }.roadmap-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }.roadmap-grid article,.mt-list-card,.mt-reader-card,.skills-card { border:1px solid var(--mt-border); border-radius:20px; background:#fff; box-shadow:0 8px 22px #18345b0a; }.roadmap-grid article { padding:26px; }.roadmap-grid b { color:var(--mt-blue); }.roadmap-grid h3 { margin:20px 0 8px; }.roadmap-grid p { color:var(--mt-muted); line-height:1.5; }.mt-learning-layout { display:grid; grid-template-columns:350px minmax(0,1fr); gap:28px; }.mt-list-card { padding:12px; }.mt-lesson { display:flex; width:100%; align-items:center; gap:13px; padding:14px; border:0; border-radius:12px; color:#475873; background:transparent; text-align:left; cursor:pointer; font-weight:700; }.mt-lesson b { min-width:36px; padding:10px 6px; border-radius:10px; text-align:center; color:#52647d; background:#e7edf6; font-size:13px; }.mt-lesson.active { color:var(--mt-blue); background:#edf4ff; }.mt-lesson.done b { color:#fff; background:#16a36a; }.mt-reader-card { overflow:hidden; }.mt-reader-card>#mtReader { padding:34px; min-height:350px; }.mt-reader-card h2 { margin:8px 0 20px; font-size:32px; }.mt-reader-card h3 { margin-top:28px; }.mt-reader-card p { color:#50617c; line-height:1.65; font-size:17px; }.mt-code { padding:22px; border-radius:14px; color:#edf4ff; background:#111b35; overflow:auto; white-space:pre-wrap; }.mt-reader-card footer { padding:20px 34px; border-top:1px solid var(--mt-border); }.mt-reader-card footer button,.skills-card button { color:#41516c; background:#fff; border-color:#cbd7e6; }.mt-reader-card footer .primary-btn { color:#fff; background:var(--mt-blue); border-color:var(--mt-blue); }.skills-card { max-width:850px; padding:32px; }.skills-card>span { display:inline-block; margin-bottom:20px; padding:7px 12px; border-radius:20px; color:var(--mt-blue); background:#edf4ff; font-weight:800; }.mt-options { display:grid; gap:12px; }.mt-option { padding:16px; border:1px solid var(--mt-border); border-radius:12px; background:#fff; color:#30415b; text-align:left; cursor:pointer; font-weight:700; }.mt-option.good { color:#067449; border-color:#22c58b; background:#eafaf3; }.mt-option.bad { color:#bf2738; border-color:#f29ba6; background:#fff0f2; }.mt-feedback { min-height:24px; font-weight:700; }.mt-options button:disabled { cursor:default; }.mt-reset { margin-top:28px; text-align:center; }
@media(max-width:1000px){.academy-nav{display:none}.mt-hero{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.academy-header{height:auto;padding:18px 5%}.academy-brand{font-size:17px}.academy-brand span{width:42px;height:42px;margin-right:7px}.academy-profile span{display:none}.academy-profile{margin-left:auto;padding-left:10px}.mt-modern-page{padding:20px 4% 50px}.mt-hero{padding:30px 24px;border-radius:20px;gap:25px}.mt-hero h1{font-size:39px}.mt-hero-progress{padding:24px}.mt-tabs{overflow-x:auto;margin-bottom:30px}.mt-tab{white-space:nowrap}.roadmap-grid,.mt-learning-layout{grid-template-columns:1fr}.mt-reader-card>#mtReader{padding:25px}.mt-reader-card footer{padding:16px}.mt-reader-card footer button{padding:12px 10px;font-size:13px}.section-heading h2{font-size:27px}}