:root{--ink:#17324d;--muted:#667b90;--blue:#4d9de0;--blue-dark:#2f78b7;--blue-soft:#eaf5ff;--aqua:#dff6f2;--cream:#fff8e7;--paper:#ffffff;--line:#dfe9f1;--shadow:0 18px 50px rgba(48,83,116,0.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{width:44px;height:44px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:9px 8px 8px;background:linear-gradient(145deg,#54a8e7,#78c9e7);border-radius:14px;box-shadow:0 8px 18px rgba(77,157,224,.22)}.brand-mark span{display:block;background:white;border-radius:3px 3px 7px 3px;transform:skewY(8deg)}.brand-mark span:last-child{transform:skewY(-8deg);border-radius:3px 3px 3px 7px}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-text strong{font-size:21px;letter-spacing:-.5px}.brand-text small{color:var(--muted);font-size:11px;margin-top:5px}.main-nav{display:flex;gap:30px;color:#4e667d;font-size:14px}.header-action,.main-nav a:hover{color:var(--blue-dark)}.header-action{background:var(--blue-soft);padding:11px 17px;border-radius:12px;font-size:14px;font-weight:700}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(160,220,239,.26),transparent 25%),linear-gradient(180deg,#f7fbff,#ffffff);border-block:1px solid #edf4f8}.hero:after{content:"";position:absolute;width:440px;height:440px;border-radius:50%;background:rgba(226,246,242,.7);right:-190px;bottom:-220px;filter:blur(1px)}.hero-grid{min-height:545px;padding-block:72px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:72px;position:relative;z-index:1}.eyebrow{display:inline-block;color:var(--blue-dark);background:var(--blue-soft);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;letter-spacing:.02em}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,5.3vw,72px);line-height:.98;letter-spacing:-3.2px;margin:19px 0 22px;max-width:720px}h1 em{font-style:normal;color:var(--blue-dark)}.hero-copy>p{max-width:625px;color:var(--muted);font-size:18px;line-height:1.65;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.primary-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;background:var(--blue);color:white;padding:12px 22px;border-radius:13px;font-weight:800;box-shadow:0 10px 24px rgba(77,157,224,.24)}.primary-button:hover{background:var(--blue-dark)}.text-button{color:var(--blue-dark);font-weight:750}.hero-trust{display:flex;flex-wrap:wrap;gap:18px;padding:0;margin:30px 0 0;list-style:none;color:#60778c;font-size:13px}.hero-trust li:before{content:"✓";color:#3ea88f;font-weight:900;margin-right:6px}.hero-card{background:rgba(255,255,255,.88);border:1px solid rgba(211,229,240,.95);box-shadow:var(--shadow);border-radius:24px;padding:13px;transform:rotate(1deg)}.hero-card-top{display:flex;align-items:center;gap:6px;padding:4px 4px 13px}.window-dot{width:8px;height:8px;border-radius:50%;background:#d8e4eb}.fake-search{margin-left:10px;flex:1 1;background:#f4f8fa;color:#9aabb7;font-size:11px;padding:8px 11px;border-radius:8px}.mini-dashboard{background:#f8fbfd;border-radius:17px;padding:20px}.mini-title{font-size:23px;font-weight:850;letter-spacing:-.8px;margin-bottom:16px}.mini-books{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-books>div{background:white;border:1px solid #e3edf3;border-radius:13px;padding:10px;min-width:0;display:flex;flex-direction:column;gap:6px}.book-cover{width:100%;aspect-ratio:4/3;border-radius:9px;display:grid;place-items:center;font-weight:900;font-size:24px;color:var(--ink)}.cover-blue{background:#dff0ff}.cover-yellow{background:#fff0bf}.cover-green{background:#ddf4ea}.mini-books b{font-size:11px}.mini-books small{color:var(--muted);font-size:9px;line-height:1.3}.mini-schedule{margin-top:12px;display:flex;justify-content:space-between;gap:18px;background:#eaf6f3;border-radius:12px;padding:13px 14px;font-size:11px}.mini-schedule span{color:#4f7f72}.section{padding-block:92px}.section-soft{background:#f8fbfd;border-block:1px solid #edf3f6}.section-heading{margin-bottom:36px}.section-heading h2{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-1.8px;margin:15px 0 12px}.section-heading p{color:var(--muted);line-height:1.6;max-width:640px}.centered{text-align:center}.centered p{margin-inline:auto}.split-heading{display:flex;align-items:end;justify-content:space-between;gap:36px}.split-heading>p{max-width:370px;margin-bottom:8px}.class-picker{max-width:1020px;margin-inline:auto}.class-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:10px}.class-button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:15px;padding:15px 7px 13px;cursor:pointer;min-width:0;transition:transform .15s ease,border-color .15s ease,background .15s ease}.class-button:hover{transform:translateY(-2px);border-color:#a9cce5}.class-button strong{display:block;font-size:23px;line-height:1}.class-button span{display:block;color:var(--muted);font-size:10px;margin-top:6px}.class-button.is-active{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 8px 20px rgba(77,157,224,.22)}.class-button.is-active span{color:rgba(255,255,255,.78)}.class-note{color:var(--muted);text-align:center;font-size:13px;margin:18px 0 0}.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.subject-card{min-height:112px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;background:white;border:1px solid #e3edf3;border-radius:18px;padding:18px}.subject-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue-dark);font-weight:900;font-size:18px}.subject-card:nth-child(2n) .subject-icon{background:var(--cream);color:#a47717}.subject-card:nth-child(3n) .subject-icon{background:var(--aqua);color:#357e6b}.subject-card h3{margin:0 0 5px;font-size:16px}.subject-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.card-arrow{color:#91a8ba;font-size:20px}.book-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.book-card{border:1px solid #e3edf3;border-radius:20px;overflow:hidden;background:white;box-shadow:0 10px 35px rgba(48,83,116,.06)}.book-placeholder{height:240px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}.book-placeholder span{font-size:14px;font-weight:800}.book-placeholder strong{font-size:34px;letter-spacing:-1.5px}.book-1{background:linear-gradient(145deg,#dcefff,#b8d9f4)}.book-2{background:linear-gradient(145deg,#fff2c9,#f8dd89)}.book-3{background:linear-gradient(145deg,#def4eb,#abdccc)}.book-info{padding:20px}.book-info>span{color:var(--blue-dark);font-size:11px;font-weight:800}.book-info h3{font-size:18px;margin:7px 0}.book-info p{color:var(--muted);font-size:12px;line-height:1.45;min-height:35px}.book-info button{border:0;background:transparent;color:var(--blue-dark);font-weight:800;padding:5px 0;cursor:pointer}.experience-card{background:linear-gradient(135deg,#edf8ff,#f3fbf8);border:1px solid #dcecf2;border-radius:28px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.experience-card h2{font-size:40px;letter-spacing:-1.6px;margin:16px 0 14px}.experience-card p{color:var(--muted);line-height:1.65}.steps{list-style:none;padding:0;margin:0;display:grid;gap:11px}.steps li{display:flex;gap:13px;align-items:center;background:rgba(255,255,255,.85);border:1px solid #e0edf2;border-radius:14px;padding:13px}.steps li>span{flex:0 0 38px;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:white;background:var(--blue);font-weight:900}.steps div{display:flex;flex-direction:column;gap:3px}.steps b{font-size:13px}.steps small{color:var(--muted);font-size:11px}.site-footer{border-top:1px solid #e7eef3;background:#fbfdfe}.footer-inner{min-height:135px;display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center;color:var(--muted);font-size:12px}.footer-brand{color:var(--ink)}.footer-brand .brand-mark{width:38px;height:38px;border-radius:12px}.footer-inner p{margin:0}@media (max-width:980px){.main-nav{display:none}.hero-grid{grid-template-columns:1fr;gap:45px;padding-block:58px}.hero-card{max-width:680px;width:100%;margin-inline:auto}.class-grid{grid-template-columns:repeat(6,1fr)}.book-grid,.subject-grid{grid-template-columns:repeat(2,1fr)}.split-heading{align-items:start;flex-direction:column;gap:0}.experience-card{grid-template-columns:1fr;gap:28px}.footer-inner{grid-template-columns:1fr;padding-block:28px;gap:14px}}@media (max-width:640px){.shell{width:min(100% - 28px,1180px)}.site-header{min-height:70px}.brand-mark{width:40px;height:40px}.brand-text strong{font-size:18px}.header-action{font-size:12px;padding:10px 12px}.hero-grid{min-height:auto;padding-block:44px 50px}h1{font-size:45px;letter-spacing:-2.3px}.hero-copy>p{font-size:16px}.hero-actions{align-items:stretch;flex-direction:column;gap:13px}.primary-button{width:100%}.text-button{text-align:center;padding:7px}.hero-trust{gap:10px 15px}.mini-books{grid-template-columns:1fr}.mini-books>div{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px}.book-cover{grid-row:1/3;width:72px;aspect-ratio:4/3}.mini-schedule{flex-direction:column;gap:4px}.section{padding-block:64px}.section-heading h2{font-size:34px}.class-grid{grid-template-columns:repeat(4,1fr)}.book-grid,.subject-grid{grid-template-columns:1fr}.subject-card{min-height:94px}.book-placeholder{height:200px}.experience-card{padding:28px 20px;border-radius:22px}.experience-card h2{font-size:32px}}.catalog-hero{background:linear-gradient(180deg,#f7fbff,#ffffff);border-block:1px solid #edf4f8}.catalog-hero-inner{padding-block:58px 64px}.catalog-hero h1{max-width:900px;font-size:clamp(42px,6vw,70px);margin:18px 0}.catalog-hero p{max-width:680px;color:var(--muted);font-size:17px;line-height:1.65;margin:0}.catalog-section{padding-top:62px}.catalog-subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.catalog-subject-card{min-height:104px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:17px;background:white;border:1px solid var(--line);border-radius:18px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.catalog-subject-card:hover{transform:translateY(-2px);border-color:#bdd8e9;box-shadow:0 12px 28px rgba(48,83,116,.08)}.catalog-subject-mark{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue-dark);font-size:12px;font-weight:900}.catalog-subject-card div{min-width:0;display:flex;flex-direction:column;gap:5px}.catalog-subject-card strong{font-size:15px}.catalog-subject-card small{color:var(--muted);font-size:11px}.catalog-subject-card>span:last-child{color:#8fa6b8;font-size:20px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:12px;margin-bottom:22px}.breadcrumbs a:hover{color:var(--blue-dark)}.empty-catalog{min-height:230px;display:flex;align-items:center;gap:24px;padding:34px;border:1px dashed #bfd6e5;border-radius:22px;background:#fbfdff}.empty-catalog-icon{flex:0 0 auto;width:72px;height:72px;display:grid;place-items:center;border-radius:20px;background:var(--blue-soft);font-size:31px}.empty-catalog h2{font-size:26px;margin:0 0 8px}.empty-catalog p{max-width:650px;color:var(--muted);line-height:1.6;margin:0}@media (max-width:880px){.catalog-subject-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.catalog-hero-inner{padding-block:42px 48px}.catalog-hero h1{font-size:44px;letter-spacing:-2.1px}.catalog-subject-grid{grid-template-columns:1fr}.empty-catalog{align-items:flex-start;flex-direction:column;padding:24px}}