/* SagotMo! v2.7 — approved five-macroskills design translated to responsive HTML */
.header{background:linear-gradient(105deg,#073465 0%,#07508a 60%,#0c4f86 100%);padding:15px max(20px,calc((100vw - 1420px)/2));box-shadow:0 8px 24px #061c3a24}
.identity strong{font-size:29px;letter-spacing:-1.2px}.brand-accent{color:#ffd349}.identity small{font-size:10px;font-weight:650;letter-spacing:.055em;color:#d9e9fc}
.logo.book-logo{background:transparent;box-shadow:none;transform:none;width:56px;height:49px;border-radius:0;display:grid;place-items:center}
main{max-width:1420px;padding:22px 24px 54px}
.nav{gap:9px;margin-bottom:19px}.nav .tab{padding:12px 11px;border-radius:16px;font-size:12.5px;box-shadow:0 3px 8px #153c6307}
.nav .tab.active{background:#0c3668;border-color:#0c3668}
.skills-hero.global-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:0;align-items:center;overflow:hidden;min-height:550px;padding:32px 27px 24px 44px;border-radius:31px;background:radial-gradient(circle at 94% 6%,#0a97cc 0%,transparent 38%),linear-gradient(112deg,#092756 0%,#0a356c 51%,#087c95 100%);box-shadow:0 22px 56px #0a34712b}
.skills-hero::after{content:'';position:absolute;inset:auto 0 0;height:30px;background:linear-gradient(110deg,#144fa0,#ffd04c 43%,#12c8c8 75%,#0a82a3);opacity:.50;clip-path:polygon(0 67%,24% 78%,48% 55%,68% 75%,100% 37%,100% 100%,0 100%);pointer-events:none}
.skills-hero .hero-content{max-width:740px;z-index:2;position:relative;padding:14px 0 26px}
.skills-hero .kicker{color:#ffd35d;font-size:12px;font-weight:900;letter-spacing:.13em;line-height:1.7}
.skills-hero .learning-hero-title{font-size:clamp(40px,4.85vw,70px);letter-spacing:-2.9px;line-height:1.09;margin:20px 0 22px;font-weight:900;max-width:none;text-wrap:nowrap}
.skills-hero .hero-em{color:#ffcd50}
.skills-hero p{font-size:clamp(15px,1.24vw,18px);line-height:1.78;max-width:650px;color:#e7f2ff;margin-bottom:25px}
.skills-hero p strong{color:#fff;font-weight:800}
.skills-hero .actions{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:0}
.skills-hero .btn{font-size:15px;line-height:1.3;min-height:54px;display:inline-flex;align-items:center;justify-content:center;border-radius:15px;padding:14px 22px;font-weight:850}
.skills-hero .btn.gold{background:linear-gradient(#ffda63,#ffc13f);color:#082e57;box-shadow:0 5px 0 rgba(132,81,12,.35)}
.skills-hero .btn.ghost{background:#ffffff13;border:1.5px solid #c5e7ffba;color:#fff;box-shadow:inset 0 0 0 1px #ffffff10}
.skills-hero .hero-mini{font-size:12px;color:#d8ecff;margin-top:25px;line-height:1.5}
.macro-art-wrap{align-self:stretch;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;z-index:1;pointer-events:none;overflow:visible}
.macro-art{width:116%;height:auto;max-width:none;object-fit:contain;display:block;filter:drop-shadow(0 13px 16px #06295215);transform:translate(1.5%,1.5%)}
@media(max-width:1199px){.skills-hero.global-hero{grid-template-columns:1.06fr .94fr;padding:29px 20px 20px 30px;min-height:460px}.skills-hero .learning-hero-title{font-size:clamp(36px,4.6vw,55px);letter-spacing:-2.1px}.skills-hero p{font-size:15px;line-height:1.62}.macro-art{width:120%}.skills-hero .btn{font-size:13px;min-height:48px;padding:12px 14px}.header-side{font-size:11px}}
@media(max-width:850px){.skills-hero.global-hero{grid-template-columns:1fr;min-height:0;padding:30px 27px 0}.skills-hero .learning-hero-title{font-size:clamp(40px,7.3vw,60px);letter-spacing:-2px}.skills-hero p{font-size:16px;max-width:630px}.macro-art-wrap{min-height:0;margin-top:-16px}.macro-art{width:min(100%,650px);transform:none}.skills-hero .hero-content{padding:0}.skills-hero .hero-mini{margin-top:18px}.nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px;scrollbar-width:thin}.nav .tab{white-space:nowrap;flex:none}.header{padding:10px 20px}}
@media(max-width:520px){main{padding:15px 12px 40px}.header{padding:10px 12px}.logo.book-logo{width:42px;height:40px}.logo.book-logo svg{width:40px;height:36px}.identity strong{font-size:23px}.identity small{font-size:8px;letter-spacing:0}.header-side{display:none}.nav .tab{padding:9px 11px;font-size:12px}.skills-hero.global-hero{padding:24px 18px 0;border-radius:24px}.skills-hero .kicker{font-size:9px;letter-spacing:.055em}.skills-hero .learning-hero-title{font-size:clamp(32px,8.5vw,43px)!important;line-height:1.12!important;letter-spacing:-1.35px!important;margin:13px 0 16px}.skills-hero p{font-size:13px;line-height:1.64;margin:0 0 20px}.skills-hero .actions{gap:10px}.skills-hero .actions .btn{width:100%;min-height:47px;font-size:13px}.skills-hero .hero-mini{font-size:10px;margin-top:17px}.macro-art-wrap{margin:0 -10px -5px}.macro-art{width:112%;max-width:none}.skills-hero::after{height:18px}}
@media(prefers-reduced-motion:reduce){.skills-hero *, .skills-hero *:before,.skills-hero *:after{animation:none!important;transition:none!important}}