:root{--brand:#0E5FD8;--brand-light:#3B82F6;--brand-dark:#1E40AF;--cta:#FDB857;--cta-light:#FFD93D;--cta-dark:#F59E0B;--ink:#0F172A;--ink-light:#334155;--muted:#667085;--muted-light:#94A3B8;--line:#E5E7EB;--line-light:#F1F5F9;--bg:#F7F9FC;--bg-light:#FFFFFF;--container:1140px;--gutter:18px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--radius:8px;--radius-lg:12px;--radius-xl:16px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;display:block;height:auto}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);width:100%}*:focus-visible{outline:2px solid var(--brand);outline-offset:2px}button,input,select,textarea{font-family:inherit}a,button,.card{transition:all .2s ease}.header{position:sticky;top:0;z-index:20;background:#fffffffa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:all .3s ease;box-shadow:var(--shadow-sm)}html.scrolled .header{box-shadow:var(--shadow-lg);background:#fffffffc}.hdr{display:flex;align-items:center;gap:16px;padding:16px 0;position:relative;min-height:64px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:700;transition:color .2s ease}.brand:hover{color:var(--brand)}.brand img{width:32px;height:32px;border-radius:var(--radius);transition:transform .2s ease}.brand:hover img{transform:scale(1.05)}.brand-name{font-weight:800;letter-spacing:.5px;font-size:1.1rem}.nav{display:flex;align-items:center;gap:32px;margin-left:auto}.nav a{color:var(--ink-light);text-decoration:none;font-weight:500;padding:8px 0;position:relative;transition:color .2s ease}.nav a:hover{color:var(--brand)}.nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--brand);transition:width .3s ease}.nav a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:999px;font-weight:600;text-decoration:none;border:none;cursor:pointer;font-size:.95rem;transition:all .2s ease;white-space:nowrap}@media (max-width: 768px){.hdr{justify-content:space-between;padding:12px 0;min-height:56px}.brand-name{font-size:1rem}.brand img{width:28px;height:28px}.nav{gap:20px}.nav a{font-size:.9rem}.btn{padding:10px 16px;font-size:.9rem}}@media (max-width: 480px){.hdr{gap:12px}.brand{gap:8px}.brand-name{font-size:.95rem}.brand img{width:24px;height:24px}}.btn-primary{background:linear-gradient(135deg,var(--cta),var(--cta-dark));color:var(--ink);box-shadow:var(--shadow-lg);transition:all .3s ease;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl);filter:brightness(1.05)}.btn-primary:hover:before{left:100%}.btn-outline{border:2px solid var(--brand);background:transparent;color:var(--brand);transition:all .3s ease}.btn-outline:hover{background:var(--brand);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow)}.btn-ghost{background:transparent;color:var(--ink-light);border:1px solid var(--line);transition:all .3s ease}.btn-ghost:hover{background:var(--line-light);color:var(--ink);border-color:var(--brand)}.hero{color:#fff;background:radial-gradient(1200px 600px at 25% 30%,rgba(255,255,255,.08),transparent 65%),linear-gradient(135deg,#0b2450,#163d78,#1e40af);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.03)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.hero-grid{display:grid;gap:40px;grid-template-columns:1.1fr 1fr;align-items:center;padding:60px 0;min-height:480px;position:relative;z-index:1}.hero-grid>:first-child{max-width:680px;z-index:2}.hero h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;margin:.5rem 0 1rem;font-weight:800;letter-spacing:-.02em}.hero p{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;opacity:.95}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#ffffff26;backdrop-filter:blur(10px);font-weight:600;font-size:.9rem;margin-bottom:1rem;transition:all .3s ease}.badge:hover{background:#ffffff40;transform:translateY(-1px)}.hero-art{position:relative;justify-self:end;overflow:visible;right:-20px;margin-right:-20px;z-index:2}.hero-art:before{content:none!important}.hero-art img{height:clamp(300px,25vw,400px);width:auto;object-fit:contain;transform:translateY(-15px);filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));-webkit-mask-image:radial-gradient(180% 160% at 70% 50%,#000 65%,rgba(0,0,0,0) 75%);mask-image:radial-gradient(180% 160% at 70% 50%,#000 65%,transparent 75%);transition:transform .3s ease}.hero-art:hover img{transform:translateY(-20px) scale(1.02)}@media (max-width: 1200px){.hero-art{right:-10px;margin-right:-10px}}@media (max-width: 900px){.hero h1{font-size:clamp(2.2rem,6vw,3rem)}.hero-grid{padding:50px 0;grid-template-columns:1fr;gap:30px;text-align:center;min-height:auto}.hero-grid>:first-child{max-width:none;order:2}.hero-art{order:1;right:0;margin-right:0;justify-self:center}.hero-art img{height:clamp(220px,45vw,320px);transform:translateY(-8px);-webkit-mask-image:radial-gradient(170% 160% at 60% 50%,#000 70%,rgba(0,0,0,0) 85%);mask-image:radial-gradient(170% 160% at 60% 50%,#000 70%,transparent 85%)}.hero p{font-size:1.1rem}}@media (max-width: 600px){.hero h1{font-size:clamp(1.8rem,8vw,2.5rem);line-height:1.2}.hero-grid{padding:40px 0;gap:24px}.hero-art img{height:clamp(180px,40vw,250px);transform:translateY(-4px)}.badge{font-size:.85rem;padding:6px 12px}.hero p{font-size:1rem;margin-bottom:1.5rem}}@media (max-width: 480px){.hero-grid{padding:32px 0;gap:20px}.hero h1{font-size:clamp(1.6rem,9vw,2.2rem)}.hero-art img{height:clamp(160px,35vw,220px)}}.overlap{position:relative;margin-top:-60px;z-index:6}.card{background:var(--bg-light);border:1px solid var(--line);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-lg);transition:all .3s ease;backdrop-filter:saturate(110%) blur(8px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-light));transform:scaleX(0);transition:transform .3s ease}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--brand-light)}.card:hover:before{transform:scaleX(1)}.meta{color:var(--muted);font-size:.95rem;line-height:1.5}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}}@media (max-width: 768px){.grid-3{grid-template-columns:1fr;gap:16px}.card{padding:20px}.overlap{margin-top:-40px}}@media (max-width: 600px){.grid{gap:16px}.card{padding:18px;border-radius:var(--radius-lg)}.overlap{margin-top:-30px}}@media (max-width: 480px){.grid{gap:14px}.card{padding:16px;border-radius:var(--radius)}.overlap{margin-top:-24px}}.course-card{transition:all .3s ease;border-radius:var(--radius-xl);overflow:hidden}.course-card img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg);transition:all .3s ease;width:100%}.course-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.course-card:hover img{transform:scale(1.05);filter:saturate(1.1) brightness(1.02)}.course-card h3{font-size:1.1rem;font-weight:700;margin:.8rem 0 .4rem;color:var(--ink);transition:color .2s ease}.course-card:hover h3{color:var(--brand)}a.view-all{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;background:var(--bg-light);font-weight:500;font-size:.9rem;transition:all .3s ease;position:relative;overflow:hidden}a.view-all:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--brand-light),transparent);transition:left .5s ease}a.view-all:hover{background:var(--brand-light);color:#fff;border-color:var(--brand);transform:translateY(-1px);box-shadow:var(--shadow)}a.view-all:hover:before{left:100%}.contact-strip{padding:40px 0 20px;background:linear-gradient(135deg,var(--bg-light),var(--bg))}.strip-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.strip-card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--bg-light);padding:20px 24px;box-shadow:var(--shadow-lg);transition:all .3s ease;position:relative;overflow:hidden}.strip-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--brand),var(--brand-light));transform:scaleX(0);transition:transform .3s ease}.strip-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--brand-light)}.strip-card:hover:before{transform:scaleX(1)}.strip-card h4{margin:0 0 12px;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-light);font-weight:700}.strip-cell{color:var(--muted);font-size:.95rem;line-height:1.6}.strip-cell a{color:var(--ink);text-decoration:none;font-weight:500;transition:color .2s ease;position:relative}.strip-cell a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--brand);transition:width .3s ease}.strip-cell a:hover{color:var(--brand)}.strip-cell a:hover:after{width:100%}@media (max-width: 1024px){.strip-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width: 768px){.strip-grid{grid-template-columns:1fr;gap:16px}.strip-card{padding:18px 20px}.contact-strip{padding:32px 0 16px}}@media (max-width: 600px){.contact-strip{padding:24px 0 12px}.strip-card{padding:16px 18px}.strip-card h4{font-size:.85rem;margin-bottom:10px}.strip-cell{font-size:.9rem}}@media (max-width: 480px){.contact-strip{padding:20px 0 8px}.strip-card{padding:14px 16px}}.footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);background:var(--bg-light);margin-top:40px}.powered-by{color:var(--muted-light);opacity:.7;font-size:.85rem}.it-support{color:var(--ink-light);font-size:.9rem}.it-support a{color:var(--brand);text-decoration:none;transition:color .2s ease}.it-support a:hover{color:var(--brand-dark)}@media (max-width: 768px){.footer .container{flex-direction:column;gap:12px;text-align:center}.footer .container>div:last-child{flex-direction:column;gap:8px;align-items:center}.footer{padding:20px 0;margin-top:32px}}@media (max-width: 600px){.footer{padding:16px 0;margin-top:24px}.footer .container{gap:10px}}@media (max-width: 600px){html{font-size:15px}h1{font-size:clamp(1.8rem,6vw,2.5rem);line-height:1.2}h2{font-size:clamp(1.5rem,5vw,2rem);line-height:1.3}h3{font-size:clamp(1.2rem,4vw,1.5rem);line-height:1.4}.btn{padding:12px 18px;font-size:.9rem}}@media (max-width: 480px){html{font-size:14px}.btn{padding:10px 16px;font-size:.85rem}}.section{padding:40px 0}@media (max-width: 768px){.section{padding:32px 0}}@media (max-width: 600px){.section{padding:24px 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card,.course-card,.strip-card{animation:fadeInUp .6s ease-out}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius)}.wa-fab[data-astro-cid-dmqsi53g],.chat-fab[data-astro-cid-dmqsi53g]{position:fixed;right:22px;z-index:60;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 12px 24px #0000002e;background:#25d366;color:#fff;text-decoration:none;border:0;cursor:pointer}.wa-fab[data-astro-cid-dmqsi53g]{bottom:22px}.chat-fab[data-astro-cid-dmqsi53g]{bottom:88px;background:linear-gradient(180deg,#ffc36b,#f3a83e);color:#0b2450;font-weight:800}.fab-icon[data-astro-cid-dmqsi53g]{width:28px;height:28px;display:block}.chat-panel[data-astro-cid-dmqsi53g]{position:fixed;right:22px;bottom:154px;z-index:60;width:min(92vw,360px);height:420px;border-radius:16px;background:#fff;border:1px solid #E5E7EB;box-shadow:0 22px 54px #1018282e;display:none;overflow:hidden}.chat-panel[data-astro-cid-dmqsi53g].open{display:block}.cp-head[data-astro-cid-dmqsi53g]{background:linear-gradient(180deg,#0b2450,#163d78);color:#fff;padding:12px 14px;display:flex;align-items:center;gap:10px}.cp-head[data-astro-cid-dmqsi53g] img[data-astro-cid-dmqsi53g]{width:22px;height:22px;border-radius:6px}.cp-close[data-astro-cid-dmqsi53g]{margin-left:auto;width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#ffffff1f;color:#fff;cursor:pointer}.cp-close[data-astro-cid-dmqsi53g]:hover{background:#fff3}.cp-body[data-astro-cid-dmqsi53g]{height:calc(100% - 112px);padding:12px;overflow:auto;background:#fff}.cp-row[data-astro-cid-dmqsi53g]{display:flex;gap:8px;margin:8px 0}.cp-row[data-astro-cid-dmqsi53g].user{justify-content:flex-end}.cp-bubble[data-astro-cid-dmqsi53g]{max-width:75%;padding:10px 12px;border-radius:16px;background:#eef2ff;color:#0b2450}.cp-row[data-astro-cid-dmqsi53g].user .cp-bubble[data-astro-cid-dmqsi53g]{background:#ffe9c5}.cp-input[data-astro-cid-dmqsi53g]{padding:10px;border-top:1px solid #E5E7EB;display:flex;gap:8px}.cp-input[data-astro-cid-dmqsi53g] input[data-astro-cid-dmqsi53g]{flex:1;border:1px solid #E5E7EB;border-radius:999px;padding:10px 12px;font-size:14px}.cp-input[data-astro-cid-dmqsi53g] button[data-astro-cid-dmqsi53g]{border-radius:999px;padding:10px 14px;background:linear-gradient(180deg,#ffc36b,#f3a83e);color:#0b2450;font-weight:700;border:0;box-shadow:0 8px 18px #f3a83e59;cursor:pointer}.powered-by[data-astro-cid-dmqsi53g]{color:#475569;opacity:.55}.it-support[data-astro-cid-dmqsi53g]{color:#111}.btn-outline[data-astro-cid-dmqsi53g]{border:1px solid #E6E6EC;background:#fff;color:#111;border-radius:999px;padding:10px 14px;font-weight:600;text-decoration:none}.btn-outline[data-astro-cid-dmqsi53g]:hover{color:var(--brand);border-color:var(--brand)}.typing[data-astro-cid-dmqsi53g]{display:inline-block;min-width:1.25em}.typing[data-astro-cid-dmqsi53g]:after{content:"";display:inline-block;width:.75em;height:.75em;border-radius:50%;background:#dbe3ff;box-shadow:10px 0 #c8d4ff,20px 0 #b7c5ff;animation:bounce 1s infinite ease-in-out}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}}.disabled[data-astro-cid-dmqsi53g]{opacity:.6;pointer-events:none}.mobile-menu-btn[data-astro-cid-dmqsi53g]{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10;position:relative}.mobile-menu-btn[data-astro-cid-dmqsi53g] span[data-astro-cid-dmqsi53g]{width:25px;height:3px;background:var(--ink);border-radius:3px;transition:all .3s linear;position:relative;transform-origin:1px}.mobile-menu-btn[data-astro-cid-dmqsi53g].active span[data-astro-cid-dmqsi53g]:first-child{transform:rotate(45deg)}.mobile-menu-btn[data-astro-cid-dmqsi53g].active span[data-astro-cid-dmqsi53g]:nth-child(2){opacity:0;transform:translate(20px)}.mobile-menu-btn[data-astro-cid-dmqsi53g].active span[data-astro-cid-dmqsi53g]:nth-child(3){transform:rotate(-45deg)}@media (max-width: 768px){.mobile-menu-btn[data-astro-cid-dmqsi53g]{display:flex!important}.nav[data-astro-cid-dmqsi53g]{position:fixed;left:-100%;top:0;flex-direction:column;background-color:#fff;width:100%;text-align:center;transition:.3s;box-shadow:0 10px 27px #0000000d;padding:80px 0 20px;height:100vh;z-index:5}.nav[data-astro-cid-dmqsi53g].active{left:0}.nav[data-astro-cid-dmqsi53g] a[data-astro-cid-dmqsi53g]{margin:15px 0;font-size:18px;display:block}.nav[data-astro-cid-dmqsi53g] .btn-outline[data-astro-cid-dmqsi53g],.nav[data-astro-cid-dmqsi53g] .btn-primary[data-astro-cid-dmqsi53g]{margin:10px auto;display:inline-block;width:fit-content}}@media (max-width: 768px){.hdr[data-astro-cid-dmqsi53g]{justify-content:space-between!important}}
