:root{--bg:#f8fafc;--surface:#fff;--surface-muted:#f1f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--primary:#00d18a;--primary-strong:#00b67a;--primary-soft:#e6fbf3;--ink:#0f172a;--muted:#64748b;--faint:#94a3b8;--deep:#06110c;--shadow:0 10px 30px rgba(15,23,42,.07);--display:"Plus Jakarta Sans",Inter,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}body.filters-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}.page-grid{position:fixed;inset:0;z-index:-2;background-image:radial-gradient(rgba(15,23,42,.055) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 62%);pointer-events:none}
.topbar{position:sticky;top:0;z-index:30;background:linear-gradient(120deg,#03110c 0%,#063d2b 55%,#00623f 100%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 1px 0 rgba(255,255,255,.04) inset}.topbar-inner{height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:inline-flex;align-items:center}.brand-mark{width:72px;height:72px;display:grid;place-items:center}.brand-mark img{width:72px;height:72px;object-fit:contain}.topbar nav{display:flex;align-items:center;gap:34px}.topbar nav a,.alpha-link{color:rgba(255,255,255,.68);font-size:.79rem;font-weight:600;transition:color .2s ease}.topbar nav a:hover,.alpha-link:hover{color:#fff}.alpha-link{justify-self:end}.alpha-link span{color:var(--primary);margin-left:5px}
.hero{min-height:650px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:80px;padding-block:92px 84px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--primary-strong);font-size:.66rem;font-weight:800;letter-spacing:.14em}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 12px rgba(0,209,138,.55)}h1,h2,h3{font-family:var(--display);letter-spacing:-.04em}h1{margin:22px 0 24px;font-size:clamp(3.8rem,6.7vw,6.4rem);line-height:.91}h1 em{color:var(--primary-strong);font-style:normal}.hero-copy>p{max-width:570px;margin:0;color:var(--muted);font-size:1rem;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:14px 18px;border-radius:8px;background:var(--primary);box-shadow:0 7px 18px rgba(0,209,138,.22);color:#053d2b;font-size:.79rem;font-weight:800;transition:transform .2s ease,background .2s ease}.primary-button:hover{transform:translateY(-2px);background:#14df99}.hero-note{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.75rem}.hero-note i{color:var(--ink);font:800 1.4rem/1 var(--display);font-style:normal}
.hero-stage{position:relative;min-height:420px}.stage-orbit{position:absolute;border:1px solid rgba(0,209,138,.2);border-radius:50%}.orbit-one{width:420px;height:420px;inset:0;margin:auto}.orbit-two{width:300px;height:300px;inset:60px;margin:auto;border-style:dashed}.hero-stage::after{content:"";position:absolute;inset:15% 14%;z-index:-1;border-radius:50%;background:rgba(0,209,138,.18);filter:blur(70px)}.stage-card{position:absolute;z-index:2;background:rgba(255,255,255,.92);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.stage-card-main{width:280px;height:320px;left:50%;top:50%;padding:25px;transform:translate(-50%,-50%) rotate(-3deg);display:flex;flex-direction:column}.stage-label{color:var(--primary-strong);font-size:.58rem;font-weight:800;letter-spacing:.13em}.stage-icon{width:82px;height:82px;display:grid;place-items:center;margin:auto;border-radius:24px;background:var(--deep);box-shadow:inset 0 0 0 1px rgba(0,209,138,.2);color:var(--primary);font:800 1.7rem var(--display)}.stage-card-main strong{font:700 1.3rem/1.1 var(--display)}.stage-card-main>span:last-child{margin-top:8px;color:var(--muted);font-size:.76rem}.stage-card-top,.stage-card-bottom{width:190px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:5px 10px}.stage-card-top{right:0;top:25px;transform:rotate(5deg)}.stage-card-bottom{left:0;bottom:32px;transform:rotate(-5deg)}.stage-card-top>span,.stage-card-bottom>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--primary-soft);color:var(--primary-strong)}.stage-card strong{font-size:.78rem}.stage-card small{color:var(--muted);font-size:.63rem}
.topics{display:flex;justify-content:space-between;gap:20px;padding-block:20px;border-block:1px solid var(--border);color:var(--faint);font-size:.6rem;font-weight:800;letter-spacing:.1em}.topics span:nth-child(4){color:var(--primary-strong)}
.catalog{padding-block:58px 125px}.catalog-heading{display:grid;grid-template-columns:1fr 420px;align-items:end;gap:40px;margin-bottom:40px}.catalog-heading h2{margin:16px 0 0;font-size:clamp(2.3rem,4vw,3.8rem);line-height:1}.catalog-heading>p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.65}.catalog-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:40px;align-items:start}.filters{position:sticky;top:110px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 28px rgba(15,23,42,.06);overflow:visible}.filter-header{display:flex;justify-content:space-between;align-items:end;padding:27px 26px 22px;background:var(--surface);border-bottom:1px solid var(--border);border-radius:14px 14px 0 0}.filter-header>div{display:flex;flex-direction:column;gap:6px}.filter-header span{color:var(--primary-strong);font-size:.6rem;font-weight:800;letter-spacing:.12em}.filter-header strong{font:700 1.45rem var(--display)}.filter-header button{padding:0;border:0;background:none;color:var(--primary-strong);font-size:.72rem;font-weight:700;cursor:pointer}.filter-group{margin:0;padding:23px 26px;border:0;border-bottom:1px solid var(--border)}.filter-group>label:first-child,.filter-group legend{display:block;margin:0 0 14px;padding:0;color:var(--ink);font-size:.76rem;font-weight:800}.search-field{height:46px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--border);border-radius:7px;background:var(--bg);transition:border-color .2s,box-shadow .2s}.search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.search-field span{color:var(--faint);font-size:1.2rem}.search-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:.76rem}.search-field input::placeholder{color:var(--faint)}.check-list{display:grid;gap:12px}.check-row{display:flex!important;align-items:center;gap:10px;margin:0!important;color:var(--muted)!important;font-size:.77rem!important;font-weight:500!important;cursor:pointer}.check-row input{position:absolute;opacity:0;pointer-events:none}.check-row>span{width:17px;height:17px;flex:0 0 auto;border:1px solid var(--border-strong);border-radius:4px;background:white}.check-row input:checked+span{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 3px white}.check-row b{margin-left:auto;padding:3px 7px;border-radius:8px;background:var(--surface-muted);color:var(--faint);font-size:.61rem}.price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.price-inputs label,.exact-field{margin:0!important;color:var(--faint)!important;font-size:.62rem!important;font-weight:600!important}.price-inputs label>span,.exact-field>span{height:40px;display:flex;align-items:center;margin-top:7px;padding:0 9px;border:1px solid var(--border);border-radius:6px;background:var(--bg)}.price-inputs small,.exact-field small{color:var(--faint);font-size:.64rem}.price-inputs input,.exact-field input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:.72rem;text-align:right}.range-wrap{position:relative;height:30px;margin:20px 3px 3px}.range-track{position:absolute;top:12px;left:0;right:0;height:4px;border-radius:4px;background:var(--border)}.range-track span{position:absolute;height:100%;background:var(--primary)}.range-wrap input{position:absolute;inset:4px 0 auto;width:100%;height:20px;margin:0;pointer-events:none;appearance:none;background:transparent}.range-wrap input::-webkit-slider-thumb{width:15px;height:15px;border:3px solid white;border-radius:50%;background:var(--primary);box-shadow:0 0 0 1px var(--primary);appearance:none;pointer-events:auto;cursor:pointer}.exact-toggle{display:flex!important;align-items:center;gap:8px;margin:10px 0 0!important;color:var(--muted)!important;font-size:.71rem!important;font-weight:600!important}.exact-toggle input{display:none}.exact-toggle span{width:28px;height:16px;padding:2px;border-radius:10px;background:var(--border-strong);transition:background .2s}.exact-toggle span::after{content:"";display:block;width:12px;height:12px;border-radius:50%;background:white;transition:transform .2s}.exact-toggle input:checked+span{background:var(--primary)}.exact-toggle input:checked+span::after{transform:translateX(12px)}.exact-field{display:block;margin-top:15px!important}.price-scale{display:flex;justify-content:space-between;margin-top:8px;color:var(--faint);font-size:.6rem}.apply-mobile,.mobile-filter-button{display:none}
.result-bar{min-height:50px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.result-bar p{margin:0;color:var(--muted);font-size:.78rem}.result-bar p strong{color:var(--ink)}.result-bar label{display:flex;align-items:center;gap:9px;color:var(--faint);font-size:.67rem}.result-bar select{border:0;outline:0;background:transparent;color:var(--ink);font-size:.7rem;font-weight:700;cursor:pointer}.active-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.active-chips:empty{display:none}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #b8ead8;border-radius:6px;background:var(--primary-soft);color:#087c58;font-size:.62rem;font-weight:700}.filter-chip button{padding:0;border:0;background:none;color:inherit;cursor:pointer}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.course-card{display:flex;flex-direction:column;min-height:455px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 2px 7px rgba(15,23,42,.035);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.course-card:hover{transform:translateY(-4px);border-color:#b7ddd0;box-shadow:var(--shadow)}.course-cover{position:relative;height:165px;overflow:hidden;padding:18px;background:var(--course-bg);color:var(--course-color)}.course-cover::before,.course-cover::after{content:"";position:absolute;border:1px solid currentColor;border-radius:50%;opacity:.13}.course-cover::before{width:190px;height:190px;right:-60px;top:-90px}.course-cover::after{width:110px;height:110px;right:10px;top:-40px}.course-cover-top{position:relative;z-index:1;display:flex;justify-content:flex-end}.level-pill{padding:5px 7px;border-radius:5px;background:rgba(255,255,255,.88);color:var(--ink);font-size:.55rem;font-weight:800;letter-spacing:.06em}.course-symbol{position:absolute;left:19px;bottom:17px;font:800 3.1rem/1 var(--display);letter-spacing:-.08em}.course-number{position:absolute;right:18px;bottom:13px;font:800 4.7rem/1 var(--display);opacity:.09}.course-body{display:flex;flex:1;flex-direction:column;padding:20px}.course-category{margin:0;color:var(--primary-strong);font-size:.57rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.course-card h3{margin:10px 0 9px;font-size:1.22rem;line-height:1.15}.course-description{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:.75rem;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical}.course-meta{display:flex;gap:15px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border);color:var(--muted);font-size:.65rem}.course-meta span{display:flex;align-items:center;gap:5px}.course-meta i{color:var(--primary-strong);font-style:normal}.course-footer{display:flex;justify-content:space-between;align-items:end;margin-top:auto;padding-top:18px}.price small{display:block;margin-bottom:3px;color:var(--faint);font-size:.55rem}.price strong{font:800 1.3rem var(--display)}.course-button{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:7px;background:white;color:var(--ink);font-size:.65rem;font-weight:800;cursor:pointer;transition:.2s}.course-card:hover .course-button{border-color:var(--primary);background:var(--primary-soft);color:#087c58}.empty-state{padding:80px 20px;text-align:center}.empty-state>span{display:grid;width:54px;height:54px;margin:auto;place-items:center;border-radius:15px;background:var(--primary-soft);color:var(--primary-strong);font-size:1.6rem}.empty-state h3{margin:18px 0 7px}.empty-state p{margin:0;color:var(--muted);font-size:.78rem}.empty-state button{margin-top:18px;padding:10px 14px;border:0;border-radius:7px;background:var(--primary);font-size:.7rem;font-weight:800;cursor:pointer}.hidden{display:none!important}
.course-cover-image{height:auto;aspect-ratio:1;background:#f4f7f8 center/cover no-repeat}.course-cover-image::before,.course-cover-image::after{display:none}.course-cover-image .course-number{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.35);opacity:.7}.course-button.is-disabled{color:var(--faint);background:var(--surface-muted);cursor:not-allowed;pointer-events:none}.catalog-loading{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:12px;min-height:220px;color:var(--muted);font-size:.76rem}.catalog-loading span{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:catalog-spin .8s linear infinite}@keyframes catalog-spin{to{transform:rotate(360deg)}}
.experience{padding:105px 0;background:linear-gradient(120deg,#03110c 0%,#063d2b 60%,#00623f 100%);color:white}.experience-heading{display:grid;grid-template-columns:1fr 390px;gap:60px;align-items:end}.experience h2{margin:18px 0 0;font-size:clamp(2.3rem,4vw,3.9rem);line-height:1}.experience-heading>p{margin:0;color:rgba(255,255,255,.62);font-size:.86rem;line-height:1.7}.experience-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:58px;border:1px solid rgba(255,255,255,.13);border-radius:12px;overflow:hidden}.experience-grid article{min-height:235px;padding:25px;border-right:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.025)}.experience-grid article:last-child{border-right:0}.experience-grid article>span{color:var(--primary);font-size:.56rem;font-weight:800;letter-spacing:.12em}.experience-grid h3{margin:64px 0 0;font-size:1.12rem}.experience-grid p{margin:12px 0 0;color:rgba(255,255,255,.57);font-size:.73rem;line-height:1.6}.experience-note{margin:16px 0 0;color:rgba(255,255,255,.4);font-size:.61rem}.about{padding:90px 0;background:var(--bg);color:var(--ink);border-bottom:1px solid var(--border)}.about-grid{display:grid;grid-template-columns:130px 1fr 340px;gap:55px;align-items:start}.about-index{color:var(--primary-strong);font-size:.65rem;font-weight:800;letter-spacing:.12em}.eyebrow.light{color:var(--primary-strong)}.about h2{margin:17px 0 0;font-size:clamp(2.3rem,4vw,4rem);line-height:1}.about-side{margin-top:31px}.about-side p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.72}.about-side a{display:inline-flex;align-items:center;gap:22px;margin-top:24px;padding-bottom:7px;border-bottom:1px solid var(--primary);color:var(--ink);font-size:.7rem;font-weight:700}.about-side a span{color:var(--primary-strong)}.site-footer{background:#020604;color:white}.footer-main{display:grid;grid-template-columns:1.5fr .7fr .9fr;gap:80px;padding-block:64px 58px}.footer-identity{display:flex;flex-direction:column;align-items:flex-start}.footer-logo{display:block;width:92px;height:92px}.footer-logo img{width:100%;height:100%;object-fit:contain}.footer-identity>p{margin:23px 0 0;color:#a1b0a8;font:600 1.08rem/1.42 var(--display);letter-spacing:-.025em}.footer-identity>span{margin-top:24px;color:#4e6258;font-size:.55rem;font-weight:800;letter-spacing:.13em}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding-top:8px}.footer-label{margin:0 0 9px;color:var(--primary);font-size:.56rem;font-weight:800;letter-spacing:.14em}.footer-column>a{color:#9bac9f;font-size:.72rem;transition:color .2s ease,transform .2s ease}.footer-column>a:hover{color:white;transform:translateX(3px)}.footer-column>a span{color:var(--primary);margin-left:4px}.footer-contact>a{color:white;font:600 .84rem var(--display)}.footer-contact>p:last-child{margin:6px 0 0;color:#60736a;font-size:.67rem;line-height:1.6}.footer-bottom{min-height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;border-top:1px solid rgba(255,255,255,.08);color:#51645b;font-size:.6rem}.footer-bottom p{margin:0}.footer-bottom p:nth-child(2){text-align:center}.footer-bottom button{justify-self:end;padding:0;border:0;background:none;color:#82938a;font-size:.62rem;cursor:pointer}.footer-bottom button span{margin-left:8px;color:var(--primary)}.filter-overlay{display:none}
@media(max-width:980px){.topbar nav{display:none}.topbar-inner{grid-template-columns:1fr auto}.catalog-heading,.experience-heading{grid-template-columns:1fr}.catalog-layout{grid-template-columns:300px minmax(0,1fr);gap:28px}.course-grid{grid-template-columns:1fr}.experience-grid{grid-template-columns:repeat(2,1fr)}.experience-grid article:nth-child(2){border-right:0}.experience-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}.about-grid{grid-template-columns:120px 1fr}.about-side{grid-column:2;margin-top:0}.footer-main{grid-template-columns:1.2fr .8fr .9fr;gap:40px}.footer-bottom{grid-template-columns:1fr auto}.footer-bottom p:nth-child(2){display:none}}
@media(max-width:720px){.shell{width:min(100% - 30px,1240px)}.topbar-inner{height:76px}.brand-mark{width:60px;height:60px}.brand-mark img{width:60px;height:60px}.alpha-link{font-size:.68rem}.hero{min-height:auto;padding-block:70px 50px}.hero-stage{min-height:330px;transform:scale(.86);margin-inline:-20px}.stage-card-main{width:240px;height:285px}.stage-card-top,.stage-card-bottom{width:165px}.topics{width:100%;padding-inline:15px}.catalog{padding-block:75px 90px}.catalog-heading{margin-bottom:26px}.catalog-heading>p{max-width:500px}.mobile-filter-button{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:14px;border:1px solid var(--border);border-radius:8px;background:white;color:var(--ink);font-size:.75rem;font-weight:800}.mobile-filter-button b{padding:2px 6px;border-radius:8px;background:var(--primary);font-size:.58rem}.mobile-filter-button i{margin-left:auto;margin-right:14px;color:var(--primary-strong);font-style:normal}.catalog-layout{display:block}.filters{position:fixed;z-index:60;inset:0 0 0 auto;width:min(88vw,340px);max-height:none;border:0;border-radius:0;transform:translateX(102%);transition:transform .3s cubic-bezier(.22,1,.36,1)}body.filters-open .filters{transform:none}.filter-overlay{position:fixed;z-index:50;inset:0;display:block;background:rgba(2,6,4,.42);opacity:0;pointer-events:none;transition:opacity .25s}body.filters-open .filter-overlay{opacity:1;pointer-events:auto}.apply-mobile{position:sticky;bottom:0;width:calc(100% - 40px);height:44px;display:block;margin:15px 20px 20px;border:0;border-radius:7px;background:var(--primary);color:#053d2b;font-size:.72rem;font-weight:800}.course-grid{grid-template-columns:1fr}.course-card{min-height:440px}.experience{padding:75px 0}.experience-grid{grid-template-columns:1fr;margin-top:38px}.experience-grid article{min-height:0;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.13)}.experience-grid article:last-child{border-bottom:0}.experience-grid h3{margin-top:34px}.about{padding:72px 0}.about-grid{grid-template-columns:1fr;gap:26px}.about-side{grid-column:1;margin-top:0}.footer-main{grid-template-columns:1fr;gap:38px;padding-block:48px}.footer-identity>p{font-size:1rem}.footer-column{padding-top:0}.footer-bottom{min-height:105px;grid-template-columns:1fr;gap:14px;padding-block:23px}.footer-bottom button{justify-self:start}.footer-bottom p:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}