:root{--bg:#f7f8fc;--surface:#fff;--surface-2:#eef1fb;--ink:#152344;--muted:#56617b;--line:#dce1ee;--accent:#4542cf;--sans:'Segoe UI',Arial,sans-serif;--serif:var(--sans);--mono:Consolas,monospace}
body{background:var(--bg);font-family:var(--sans);color:var(--ink)}h1,h2,h3,h4{font-family:var(--sans);font-weight:700;letter-spacing:-.035em}em{font-family:var(--sans);font-style:normal;color:var(--accent);font-weight:700}.shell{max-width:1240px}.nav{min-height:88px}.brand-mark{background:#4542cf;color:#fff;border:0;border-radius:12px}.nav-cta,.button{background:#4542cf;color:white;border:1px solid #4542cf;border-radius:10px;box-shadow:0 5px 15px #4542cf15}.button.secondary{background:white;color:#4542cf;border:1px solid #d3d6ee;box-shadow:none}.nav nav a{color:#43506d}.hero{padding-block:76px;gap:7%;grid-template-columns:1.1fr 1fr}.hero h1{font-size:clamp(2.8rem,5vw,4.6rem);line-height:1.08}.hero-visual{border-radius:24px;border:1px solid #d9def0;box-shadow:0 20px 55px #25387716;background:#edf0ff;min-height:440px}.hero-visual:after{background:#172a51!important}.visual-label,.visual-caption,.visual-caption span{color:white}.hero-visual>img{border-radius:24px 24px 0 0}.hero-actions>span{color:var(--muted)}.principles-bar{background:white;border:1px solid var(--line);border-radius:16px;padding:24px}.catalog-section{padding-block:72px}.section-heading h2{font-size:clamp(2rem,3vw,3rem)}.course-card{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #192b4810}.card-cover{background:#edf0fa}.card-body{padding:28px}.card-tags span,.detail-tags span{background:#eff1fc;color:#4542a0;border-color:#dfe2f3}.card-body h3{font-size:1.6rem}.card-body p,.card-includes,.card-bottom small{color:var(--muted)}.card-bottom strong{color:var(--ink)}.card-index{background:#172a51;color:#fff;border-radius:5px}.approach-grid article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px}.step-number{color:#4542cf}.closing{background:#edf0fc;padding:60px 30px;border-radius:22px;margin-bottom:55px}.closing h2{font-size:clamp(2rem,3.2vw,3rem)}.enrollment-card,.registration-summary,.module,.principle-grid article,.exam,.capstone{background:#fff;border-color:var(--line)}.detail-section p,.module-body,.concept-list dd{color:var(--muted)}.exercise,.video-note{background:#edf0fc;border-color:var(--line)}.notice{background:#e9f6ef;color:#145438}.error{background:#fff0ef;color:#9d2632}.payment-message{background:#fff7e7;color:#855316}.admin-login,.admin{padding-block:55px}.admin-login h1{font-size:2.8rem}.login-form input,.form-field input,.form-field select,.form-field textarea{background:#fff;color:var(--ink);border-color:#bac4dc;color-scheme:light}.admin-course{background:#fff}.studio{padding-block:42px 75px}.studio-top{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:30px}.studio-top h1{font-size:2.7rem;margin-bottom:8px}.studio-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.studio-tabs a{padding:10px 16px;border:1px solid var(--line);border-radius:8px;background:#fff}.studio-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px}.studio-panel{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;margin-bottom:24px}.studio-panel h2{font-size:1.5rem}.editor{display:grid;gap:18px}.editor label,.auth-card label{display:grid;gap:7px;font-size:.9rem;font-weight:600}.editor input,.editor textarea,.editor select,.auth-card input{width:100%;font:inherit;padding:12px 14px;background:#fff;color:var(--ink);border:1px solid #bfc9dc;border-radius:8px;min-width:0}.editor textarea{min-height:120px;resize:vertical}.editor input[type=checkbox]{width:auto}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.help{font-size:.82rem;font-weight:400;color:var(--muted)}.studio-list a{display:block;padding:13px 0;border-bottom:1px solid var(--line)}.studio-list .selected{color:var(--accent);font-weight:700}.badge{font-size:.72rem;padding:4px 8px;background:#eef1fc;color:#4542a0;border-radius:5px}.academy{padding-block:55px 90px}.academy-head h1{font-size:3rem}.auth-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 60px #1c315612;max-width:520px;padding:40px;margin:25px auto}.auth-card h1{font-size:2.7rem}.auth-card form{display:grid;gap:18px}.learning-card{background:#fff;border-color:var(--line)}.learning-card h2{font-size:1.7rem}.learn{display:grid;grid-template-columns:270px minmax(0,1fr);gap:35px;padding-block:40px 80px}.lesson-nav{background:#fff;border:1px solid var(--line);padding:22px;border-radius:14px;align-self:start}.lesson-link{display:block;padding:12px 8px;border-bottom:1px solid var(--line);color:var(--muted)}.lesson-link.current{color:var(--accent);font-weight:700;background:#f0f1fc}.lesson-content{background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px}.lesson-content h1{font-size:2.5rem}.lesson-body{white-space:pre-wrap;line-height:1.85;color:#34425c;margin-bottom:30px}.lesson-content iframe{width:100%;aspect-ratio:16/9;border:0}.download-link{display:block;padding:15px;background:#edf0fc;margin:20px 0;border-radius:8px}.lesson-content form{margin-top:28px}:focus-visible{outline:3px solid #665ee4;outline-offset:3px}
.hero h1 em{color:#4542cf}.visual-label{color:#172a51;background:#ffffffda;padding:6px 10px;border-radius:6px}.visual-caption a{color:#fff;border-color:#7e8eae}.card-cover img{opacity:1}.auth-card .button{width:100%}
@media(max-width:820px){.hero,.studio-grid,.learn{grid-template-columns:1fr}.hero{gap:30px;padding-block:40px}.hero-visual{min-height:350px}.nav nav{display:none}.studio-top{align-items:flex-start;flex-direction:column}.studio-list{max-height:260px;overflow:auto}.two-col{grid-template-columns:1fr}.lesson-content{padding:24px}.academy-head h1,.studio-top h1{font-size:2.3rem}.auth-card{padding:28px}.nav-cta{font-size:.75rem}.approach-grid{grid-template-columns:1fr}}