@font-face{font-family:'Archivo';src:url('../archivo-var.woff2') format('woff2-variations');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@page{size:A4;margin:14mm 14mm 12mm}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Archivo',sans-serif;color:#0c1512;font-size:11pt;line-height:1.5}
.hero{background:#041615;color:#eef3df;border-radius:18px;padding:22px 26px;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(198,255,1,.16),transparent 65%)}
.hbar{display:flex;justify-content:space-between;align-items:center;font-size:8.5pt;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8fae5a;margin-bottom:14px;position:relative}
.hero h1{font-size:24pt;font-weight:900;font-stretch:112%;text-transform:uppercase;line-height:1.02;color:#fff;position:relative}
.hero .kick{color:#C6FF01;font-size:9.5pt;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-top:8px;position:relative}
.use{background:#eef3df;border:1px solid #dbe3c4;border-left:4px solid #C6FF01;border-radius:0 12px 12px 0;padding:14px 18px;margin:16px 0 20px}
.use>b{display:block;font-size:8.5pt;letter-spacing:.16em;text-transform:uppercase;color:#5c7a12;margin-bottom:6px}
.use p{font-size:10pt;color:#33402c;line-height:1.55}
.sec{margin:20px 0;break-inside:avoid}
.sh{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.sh .n{flex:none;width:26px;height:26px;border-radius:8px;background:#C6FF01;color:#041615;font-weight:900;font-size:12pt;display:flex;align-items:center;justify-content:center}
.sh h2{font-size:12.5pt;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.exp{font-size:9.5pt;color:#68726a;margin:2px 0 12px 36px;line-height:1.5;font-style:italic}
.q{margin:0 0 13px}.q .qt{font-weight:600;font-size:10.5pt;margin-bottom:8px}.q .qt b{color:#5c7a12;margin-right:7px}
.line{border-bottom:1.3px solid #c1c8b4;height:14px}
.chk{display:flex;gap:11px;align-items:center;margin:10px 0;font-size:10.5pt}
.chk .cb{flex:none;width:16px;height:16px}
.chk b{color:#5c7a12}
.formula{background:#041615;color:#C6FF01;border-radius:12px;padding:15px 20px;font-weight:800;font-size:11.5pt;margin:6px 0 12px}
.ex{background:#eef3df;border-radius:12px;padding:14px 18px;font-size:9.8pt;color:#33402c;line-height:1.55}
.ex b{color:#5c7a12}
.wk{border:1px solid #D5DADE;border-radius:12px;padding:12px 16px;margin:0 0 9px;break-inside:avoid}
.wk .d{font-size:8.3pt;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5c7a12;margin-bottom:3px}
.wk .t{font-weight:700;font-size:10.5pt;margin-bottom:2px}.wk p{font-size:9.6pt;color:#3a453e}
.cat{margin:0 0 15px;break-inside:avoid}.cat .ct{font-weight:800;font-size:10.5pt;text-transform:uppercase;margin-bottom:5px}
.cat .ex2{font-size:9.6pt;color:#5a635b;margin-bottom:8px;font-style:italic}
.mine{font-size:8.5pt;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#5c7a12;margin-bottom:6px}
.tmpl{background:#041615;color:#eef3df;border-radius:12px;padding:14px 18px;font-size:10pt;line-height:1.55}
.tmpl b{color:#C6FF01}
.merk{margin-top:18px;font-size:10pt;color:#33402c;font-style:italic;border-top:1px solid #D5DADE;padding-top:12px}
.foot{margin-top:22px;border-top:1px solid #D5DADE;padding-top:8px;font-size:8pt;color:#8a938c;display:flex;justify-content:space-between}

.rv{transform:translateY(26px);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{transform:none}
#bar{position:fixed;top:0;left:0;height:3px;background:#C6FF3D;width:0;z-index:100}
@keyframes pulse{0%,100%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
.glowpulse{position:absolute;width:56%;height:70%;right:-6%;top:8%;background:radial-gradient(ellipse,rgba(198,255,1,.15),transparent 62%);filter:blur(10px);animation:pulse 6s ease-in-out infinite;pointer-events:none}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.rv{transform:none}}