@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--bg:#f7f8f6;--ink:#193748;--muted:#637988;--blue:#287b99;--line:#d9e4e7;--card:#fff;--accent:#2f9b9c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 'DM Sans',sans-serif}a{color:var(--blue)}.container{width:min(1170px,calc(100% - 48px));margin:auto}.site-header{background:#fbfcfa;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-mark{width:43px;height:43px;border:2px solid var(--blue);border-radius:12px;display:grid;place-items:center;font-size:23px;font-weight:800;transform:rotate(-6deg)}.brand-mark span,.dot{color:var(--accent)}.brand strong{display:block;font-size:24px;line-height:1.1;letter-spacing:-1px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#7794a3;font-weight:800}nav{display:flex;align-items:center;gap:28px}nav a,nav summary{font-weight:700;font-size:13px;color:#486172;text-decoration:none;cursor:pointer}nav a.active,nav a:hover,nav summary:hover{color:var(--blue)}.more{position:relative}.more summary{list-style:none}.more summary::-webkit-details-marker{display:none}.more-menu{position:absolute;right:0;top:35px;background:white;border:1px solid var(--line);border-radius:13px;padding:10px;box-shadow:0 16px 40px #19374818;min-width:215px;display:grid;gap:2px}.more:not([open]) .more-menu{display:none}.more-menu a{padding:9px 12px;border-radius:7px}.more-menu a:hover{background:#edf5f5}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:45px;padding:93px 0 86px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2.2px;color:var(--blue);display:block;margin-bottom:19px}.hero h1,.page-intro h1{font:800 clamp(40px,4.3vw,65px)/1.12 Manrope,sans-serif;letter-spacing:-3px;margin:0 0 23px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy p{max-width:530px;font-size:17px;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.btn{padding:12px 20px;border-radius:8px;font-weight:800;font-size:13px;text-decoration:none}.btn.primary{background:var(--blue);color:white}.btn.outline{border:1px solid #8eb4c3}.hero-visual img{display:block;width:100%;height:auto}.directory{border-top:1px solid var(--line);padding:53px 0 85px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading h2{font:800 36px Manrope,sans-serif;letter-spacing:-1.5px;margin:0}.section-heading p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.tile{position:relative;min-height:195px;padding:24px;border:1px solid var(--line);border-radius:15px;background:var(--card);color:var(--ink);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s}.tile:hover{transform:translateY(-4px);border-color:#80b4be;box-shadow:0 15px 32px #234c5b12}.tile-icon{font-size:29px;color:var(--blue);line-height:1}.tile h3{font-size:18px;margin:14px 0 4px}.tile p{color:var(--muted);font-size:13px;margin:0;max-width:205px}.tile .arrow{position:absolute;right:20px;bottom:16px;color:var(--blue);font-size:19px}.page-intro{padding:55px 0 33px}.page-intro h1{font-size:clamp(36px,4vw,53px);margin:5px 0 12px}.page-intro p{color:var(--muted);font-size:17px;margin:0}.back{display:inline-block;margin-bottom:29px;font-weight:700;font-size:13px}.article-content{padding:32px 38px 55px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:75px;overflow-x:auto;color:var(--ink)}.article-content h1{font:800 30px Manrope,sans-serif;margin:0 0 20px}.article-content h2{font:800 22px Manrope,sans-serif;margin:32px 0 12px}.article-content h3{font-size:17px}.article-content p,.article-content li{line-height:1.85}.article-content section+section{border-top:1px solid var(--line);margin-top:30px;padding-top:10px}.article-content a{overflow-wrap:anywhere}.article-content img{max-width:100%;height:auto}.article-content table{width:100%;border-collapse:collapse}.article-content td,.article-content th{padding:13px;border-bottom:1px solid var(--line);text-align:left}.article-content .training-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.article-content .training-block{padding:17px;border:1px solid var(--line);border-radius:10px}.article-content .icon-left{width:48px;height:48px;object-fit:contain;vertical-align:middle;margin-right:10px}.article-content .movie-thumbnail{width:300px;max-width:100%;border-radius:10px}.article-content .movie-table td{vertical-align:top}.article-content .quote{font-size:18px;font-style:italic}.music-panel{max-width:780px;margin:auto}.now-playing{padding:23px;border:1px solid var(--line);border-radius:14px;background:#f4f9f9;display:grid;gap:8px}.now-playing #music-title{font-size:21px;font-weight:800}.now-playing #music-artist{color:var(--muted)}audio{width:100%;margin-top:10px}.player-controls{display:flex;gap:10px}.player-controls button{padding:9px 14px;border:1px solid #aac7ce;border-radius:7px;background:white;color:var(--ink);cursor:pointer}.music-list{margin-top:15px}.music-row{display:flex;align-items:center;gap:14px;padding:13px;border-bottom:1px solid var(--line);cursor:pointer}.music-row:hover,.music-row.selected{background:#f0f7f7}.music-row strong{flex:1}.notice{background:#f5f8f9;border:1px solid var(--line);border-radius:12px;padding:24px}.footer-inner{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:25px 0;color:var(--muted);font-size:12px}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;padding:55px 0}.hero-visual{max-width:600px}.menu-toggle{display:block;border:1px solid var(--line);border-radius:8px;padding:8px;background:white}nav{display:none;position:absolute;left:0;right:0;top:80px;padding:22px 24px;background:white;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:15px}nav.open{display:flex}.more-menu{position:static;box-shadow:none;margin-top:8px}.section-heading{align-items:start;flex-direction:column}}@media(max-width:560px){.container{width:min(100% - 28px,1170px)}.cards{grid-template-columns:1fr}.hero h1{letter-spacing:-2px}.article-content{padding:20px 17px}.footer-inner{flex-direction:column}.article-content .movie-table td{display:block}}