:root{--red: #cf2e32;--red-deep: #a4242a;--red-tint: rgba(207, 46, 50, .1);--green: #2f5036;--green-deep: #24402b;--green-tint: rgba(47, 80, 54, .12);--ink: #101216;--ink-2: #181b21;--ink-3: #252a32;--paper: #f4f1ec;--paper-2: #ffffff;--muted: #6b6f78;--muted-soft: #9aa0a8;--line: rgba(16, 18, 22, .1);--line-strong:rgba(16, 18, 22, .18);--kabben: var(--green);--kabben-deep: var(--green-deep);--kabben-tint: var(--green-tint);--display: "Bebas Neue", "Arial Narrow", sans-serif;--body: "Barlow Semi Condensed", system-ui, sans-serif;--nav-h: 68px;--wrap: 1180px;--radius: 6px;--radius-lg: 14px;--shadow: 0 22px 50px -26px rgba(16, 18, 22, .5);--shadow-sm: 0 10px 24px -16px rgba(16, 18, 22, .45);--shadow-pop: 0 30px 80px -30px rgba(16, 18, 22, .62)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--body);font-size:18px;font-weight:400;line-height:1.55;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(circle at 12% -8%,rgba(207,46,50,.05),transparent 42%),radial-gradient(circle at 100% 0%,rgba(47,80,54,.06),transparent 40%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.bare{display:grid;place-items:center;min-height:100vh;background-color:var(--ink);background-image:radial-gradient(circle at 20% 10%,rgba(207,46,50,.18),transparent 50%),radial-gradient(circle at 85% 90%,rgba(47,80,54,.16),transparent 45%)}h1,h2,h3,h4{font-family:var(--display);font-weight:400;line-height:1;letter-spacing:.012em;text-transform:uppercase;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--red);color:#fff}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:26px}.page{padding-block:clamp(40px,6vw,80px)}.kicker{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.18em;font-size:1rem;color:var(--red);display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.kicker:before{content:"";width:28px;height:3px;background:var(--red);display:inline-block}.kicker--green{color:var(--green)}.kicker--green:before{background:var(--green)}.lead{font-size:1.18rem;line-height:1.5;color:var(--muted);max-width:60ch;font-weight:400}.nav{position:sticky;top:0;z-index:50;background:var(--ink);color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.nav__inner{max-width:var(--wrap);margin-inline:auto;padding-inline:26px;height:var(--nav-h);display:flex;align-items:center;gap:30px}.brand{font-family:var(--display);font-weight:400;font-size:1.9rem;letter-spacing:.05em;text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;line-height:1}.brand__shield{width:26px;height:30px;flex:none}.brand__logo{height:44px;width:auto;flex:none}.brand__logo--lg{height:50px}.brand__dot{color:var(--red)}.nav__links{display:flex;align-items:center;gap:7px;margin-left:auto;list-style:none;padding:0;margin-block:0}.nav__link{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:1.12rem;color:#ffffffb3;padding:9px 13px;position:relative;white-space:nowrap;transition:color .18s ease}.nav__link:after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.nav__link:hover{color:#fff}.nav__link:hover:after{transform:scaleX(1)}.nav__link[aria-current=page]{color:#fff}.nav__link[aria-current=page]:after{transform:scaleX(1)}.nav__link--lock{display:inline-flex;align-items:center;gap:6px;opacity:.62;cursor:default}.nav__link--lock:after{display:none}.nav__link--lock .lockic{width:15px;height:15px;display:inline-grid;place-items:center}.nav__link--lock .lockic svg{width:15px;height:15px}.nav__cta{margin-left:10px;display:inline-flex;align-items:center;gap:8px;font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem;color:#fff;background:var(--green);border:0;border-radius:100px;padding:8px 16px 8px 12px;cursor:pointer;transition:background .18s ease,transform .16s ease;white-space:nowrap}.nav__cta:hover{background:var(--green-deep);transform:translateY(-1px)}.nav__cta svg{width:20px;height:20px}.nav__logout form{margin:0}.nav__logout button{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-size:1rem;color:#ffffff8c;background:transparent;border:0;cursor:pointer;padding:9px 10px;transition:color .18s ease}.nav__logout button:hover{color:#fff}.nav__toggle{display:none;margin-left:auto;background:transparent;border:0;cursor:pointer;width:44px;height:44px;padding:10px}.nav__toggle span,.nav__toggle span:before,.nav__toggle span:after{content:"";display:block;height:2px;width:24px;background:#fff;transition:transform .2s ease,opacity .2s ease}.nav__toggle span:before{transform:translateY(-7px)}.nav__toggle span:after{transform:translateY(5px)}.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 16%,rgba(207,46,50,.3),transparent 44%),radial-gradient(circle at 6% 96%,rgba(47,80,54,.3),transparent 40%);pointer-events:none}.hero__stripe{position:absolute;top:0;bottom:0;left:58%;width:6px;background:linear-gradient(var(--red),var(--red) 60%,var(--green));transform:skew(-14deg);opacity:.6;pointer-events:none}.hero__watermark{position:absolute;right:-1%;bottom:-16%;font-family:var(--display);font-weight:400;font-size:clamp(13rem,36vw,32rem);line-height:.8;color:#ffffff0b;letter-spacing:-.02em;pointer-events:none;user-select:none}.hero__inner{position:relative;padding-block:clamp(66px,11vw,132px)}.hero h1{font-size:clamp(2.3rem,5.4vw,4.5rem);max-width:none;margin:22px 0 0;line-height:1.06}.hero h1 .l{display:block}.hero h1 .em{color:var(--red)}.hero .lead{color:#ffffffbd;margin-top:30px}.hero__cta{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap}.btn{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;font-weight:400;font-size:1.15rem;display:inline-flex;align-items:center;gap:9px;padding:12px 24px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;white-space:nowrap;background:transparent;color:#fff;transition:transform .16s ease,background .18s ease,color .18s ease}.btn:hover{transform:translateY(-2px)}.btn--red{background:var(--red);color:#fff}.btn--red:hover{background:var(--red-deep)}.btn--green{background:var(--green);color:#fff}.btn--green:hover{background:var(--green-deep)}.btn--ghost{border-color:#ffffff47;color:#fff}.btn--ghost:hover{background:#ffffff1a}.btn--outline{border-color:var(--green);color:var(--green)}.btn--outline:hover{background:var(--green-tint)}.btn--ink{background:var(--ink);color:#fff}.btn--ink:hover{background:var(--ink-3)}.section{padding-block:clamp(50px,7vw,88px)}.section--alt{background:var(--paper-2);border-block:1px solid var(--line)}.section__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:38px;flex-wrap:wrap}.section__head h2{font-size:clamp(2.2rem,4.6vw,3.2rem);margin-top:8px;line-height:1.04}.grid{display:grid;gap:22px}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--2{grid-template-columns:repeat(2,1fr)}@media(max-width:900px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid--2,.grid--3{grid-template-columns:1fr}}.card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:26px 26px 24px;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform .24s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:var(--line-strong)}.card:hover:before{transform:scaleY(1)}.card h3{font-size:1.85rem;margin-bottom:8px;letter-spacing:.01em}.card p{margin:0;color:var(--muted);font-size:1.02rem}.linkcard{display:flex;flex-direction:column;gap:9px}.linkcard__num{font-family:var(--display);font-weight:400;font-size:1.25rem;color:var(--red);letter-spacing:.08em}.linkcard .arrow{margin-top:8px;font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.06em;color:var(--ink);font-size:1.05rem}.linkcard:hover .arrow{color:var(--red)}.card--kabben{background:var(--ink);color:#fff;border-color:transparent}.card--kabben:before{background:var(--green)}.card--kabben h3{color:#fff}.card--kabben p{color:#ffffffb8}.card--kabben .arrow{color:#fff}.card--kabben:hover .arrow,.card--kabben .linkcard__num{color:var(--green)}.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;pointer-events:none}.hero__overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--ink) 8%,rgba(16,18,22,.62) 55%,rgba(16,18,22,.25))}.course-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:760px){.course-grid{grid-template-columns:1fr}}.course-tile{display:flex;flex-direction:column;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.course-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-strong)}.course-tile__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--ink)}.course-tile__media img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.course-tile:hover .course-tile__media img{transform:scale(1.04)}.course-tile__badge{position:absolute;top:14px;left:14px;background:var(--ink);color:#fff;font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;padding:5px 12px;border-radius:100px}.course-tile__body{padding:24px 26px 26px;display:flex;flex-direction:column;gap:8px;flex:1}.course-tile__body h3{font-size:2rem}.course-tile__body p{color:var(--muted);margin:0;font-size:1.02rem}.course-tile__foot{margin-top:auto;padding-top:18px;display:flex;flex-direction:column;gap:12px}.course-tile__cta{font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--green);font-size:1.12rem}.course-tile--soon .course-tile__cta{color:var(--muted-soft)}.course-tile--soon .course-tile__media img{filter:grayscale(.55)}.tile-bar{display:flex;align-items:center;gap:12px}.tile-bar__track{flex:1;height:8px;border-radius:100px;background:var(--line);overflow:hidden}.tile-bar__fill{height:100%;width:0;border-radius:100px;background:var(--green);transition:width .5s ease}.tile-bar__pct{font-family:var(--display);font-size:1rem;color:var(--muted);letter-spacing:.04em;white-space:nowrap}.news{list-style:none;padding:0;margin:0}.news__item{display:grid;grid-template-columns:124px 1fr;gap:26px;padding:26px 0;border-top:1px solid var(--line)}.news__item:last-child{border-bottom:1px solid var(--line)}.news__date{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--red);font-size:1.2rem;padding-top:3px}.news__item h3{font-size:1.7rem;margin-bottom:6px}.news__item p{margin:0;color:var(--muted)}@media(max-width:600px){.news__item{grid-template-columns:1fr;gap:6px}}.footer{background:var(--ink);color:#ffffffb3}.footer__inner{padding-block:50px 28px;display:grid;gap:34px;grid-template-columns:1.5fr 1fr 1fr}.footer h4{color:#fff;font-size:1.3rem;letter-spacing:.06em;margin-bottom:14px}.footer a:hover{color:#fff}.footer__links{list-style:none;padding:0;margin:0;display:grid;gap:9px}.footer__bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:34px;padding-block:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.92rem;color:var(--muted-soft)}.footer .brand{color:#fff;font-size:2rem}@media(max-width:760px){.footer__inner{grid-template-columns:1fr;gap:24px}}.login{width:min(400px,92vw);background:var(--ink-2);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:40px 34px;color:#fff;box-shadow:0 30px 70px -30px #000000b3}.login .brand{font-size:2.4rem;color:#fff}.login h1{font-size:1.4rem;margin:18px 0 6px;font-weight:400}.login p.sub{color:var(--muted-soft);margin:0 0 26px;font-size:.95rem}.login label{display:block;font-family:var(--display);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;color:var(--muted-soft);margin-bottom:8px}.login input{width:100%;padding:13px 14px;font-size:1rem;font-family:var(--body);background:var(--ink);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);color:#fff;margin-bottom:18px}.login input:focus{outline:none;border-color:var(--red)}.login .btn{width:100%;justify-content:center}.login .error{background:var(--red-tint);border:1px solid var(--red);color:#ffd0d4;padding:10px 12px;border-radius:var(--radius);font-size:.9rem;margin-bottom:18px}@keyframes rise{0%{transform:translateY(16px)}to{transform:none}}.rise{animation:rise .6s cubic-bezier(.2,.7,.2,1) both}.rise-1{animation-delay:.05s}.rise-2{animation-delay:.14s}.rise-3{animation-delay:.23s}.rise-4{animation-delay:.32s}.chat__fab{position:fixed;right:22px;bottom:22px;z-index:60;width:62px;height:62px;border-radius:50%;background:#fff;color:#fff;border:3px solid var(--green);cursor:pointer;display:grid;place-items:center;overflow:hidden;padding:0;box-shadow:0 14px 30px -10px #2f503699;transition:transform .16s ease,border-color .18s ease}.chat__fab:hover{transform:translateY(-2px);border-color:var(--green-deep)}.chat__fab-img{width:92%;height:92%;object-fit:contain;display:block}.chat__panel{position:fixed;right:22px;bottom:94px;z-index:60;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 130px));background:var(--paper-2);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(12px) scale(.98);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.chat[data-open=true] .chat__panel{opacity:1;transform:none;pointer-events:auto}.chat[data-open=true] .chat__fab{border-color:var(--green-deep)}.chat__head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--green);color:#fff}.chat__brand{display:flex;align-items:center;gap:10px}.chat__avatar{width:36px;height:36px;flex:none;object-fit:contain;background:#fff;border-radius:50%;padding:2px}.chat__title{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.04em}.chat__close{background:transparent;border:0;color:#fff;font-size:1.1rem;cursor:pointer}.chat__log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.chat__msg{padding:10px 13px;border-radius:12px;max-width:85%;font-size:.96rem;line-height:1.5;white-space:pre-wrap}.chat__msg--bot{background:var(--paper);border:1px solid var(--line);align-self:flex-start;border-bottom-left-radius:3px}.chat__msg--user{background:var(--ink);color:#fff;align-self:flex-end;border-bottom-right-radius:3px}.chat__quick{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 8px}.chat__chip{font-size:.8rem;padding:6px 10px;border-radius:100px;border:1px solid var(--line-strong);background:var(--paper);cursor:pointer;color:var(--ink)}.chat__chip:hover{border-color:var(--green);color:var(--green)}.chat__form{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}.chat__input{flex:1;padding:10px 12px;border:1px solid var(--line-strong);border-radius:var(--radius);font-family:var(--body);font-size:.95rem}.chat__input:focus{outline:none;border-color:var(--green)}.chat__send{padding:10px 16px;font-size:.9rem}.chat__send:disabled,.chat__chip:disabled{opacity:.5;cursor:not-allowed}.chat__chip:focus-visible,.chat__close:focus-visible,.chat__input:focus-visible{outline:2px solid var(--green);outline-offset:2px}@media(max-width:600px){.chat__panel{inset:0;width:auto;height:100dvh;max-height:100dvh;border-radius:0;border:0}.chat__log{overscroll-behavior:contain}}@media(max-width:860px){.nav__toggle{display:block}.nav__links{position:fixed;inset:var(--nav-h) 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:var(--ink-2);border-bottom:1px solid rgba(255,255,255,.08);padding:8px 18px 20px;transform:translateY(-12px);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease;box-shadow:var(--shadow)}.nav[data-open=true] .nav__links{transform:translateY(0);opacity:1;pointer-events:auto}.nav__link{padding:15px 8px;font-size:1.3rem;border-bottom:1px solid rgba(255,255,255,.06)}.nav__link:after{display:none}.nav__cta{margin:14px 0 0;width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.rise{animation:none}html{scroll-behavior:auto}}
