*{box-sizing:border-box}html:focus-within{scroll-behavior:smooth}body{font-size:16px}img{max-width:100%;height:auto;display:block}a{text-underline-offset:3px}

.navlink{color:rgb(15 23 42 / .78);font-weight:600;font-size:.95rem;transition:color .2s ease,opacity .2s ease,transform .2s ease;border-radius:.75rem;padding:.5rem .75rem;outline:none}
.navlink:hover{color:rgb(15 23 42 / .92);transform:translateY(-1px)}
.navlink:focus-visible{box-shadow:0 0 0 2px rgb(14 165 233 / .45),0 0 0 6px rgb(14 165 233 / .18)}

.footerlink{color:rgb(15 23 42 / .75);transition:color .2s ease,opacity .2s ease;outline:none;border-radius:.5rem;padding:.15rem .35rem;margin-left:-.35rem}
.footerlink:hover{color:rgb(15 23 42 / .95)}
.footerlink:focus-visible{box-shadow:0 0 0 2px rgb(14 165 233 / .45),0 0 0 6px rgb(14 165 233 / .18)}

.card{border-radius:1rem;background:rgba(255,255,255,.9);padding:1.25rem;box-shadow:0 6px 22px rgba(2,6,23,.08);border:1px solid rgba(2,6,23,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 40px rgba(2,6,23,.12);border-color:rgba(2,6,23,.12)}

.iconchip{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;border-radius:.9rem;background:rgb(243 241 230 / .85);border:1px solid rgba(2,6,23,.08)}

.step{display:inline-flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;border-radius:.9rem;background:linear-gradient(135deg, rgba(22,163,74,.18), rgba(14,165,233,.12));border:1px solid rgba(2,6,23,.08);font-weight:800;font-size:.9rem;color:rgb(15 23 42 / .9);flex:0 0 auto}

.stat{border-radius:1rem;background:rgba(243,241,230,.65);padding:1.15rem;border:1px solid rgba(2,6,23,.06);transition:transform .2s ease,background-color .2s ease}
.stat:hover{transform:translateY(-2px);background:rgba(243,241,230,.85)}

.tip{border-radius:1rem;background:rgba(255,255,255,.9);padding:1.25rem;border:1px solid rgba(2,6,23,.06);box-shadow:0 8px 26px rgba(2,6,23,.08);transition:transform .2s ease,box-shadow .2s ease}
.tip:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(2,6,23,.12)}

.module{border-radius:1rem;background:linear-gradient(135deg, rgba(243,241,230,.75), rgba(255,255,255,.9));padding:1.25rem;border:1px solid rgba(2,6,23,.06);box-shadow:0 8px 26px rgba(2,6,23,.08);transition:transform .2s ease}
.module:hover{transform:translateY(-2px)}

.accordion{border-radius:1rem;background:rgba(255,255,255,.9);border:1px solid rgba(2,6,23,.06);box-shadow:0 8px 26px rgba(2,6,23,.08);overflow:hidden}
.accBtn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.15rem;font-weight:700;color:rgb(15 23 42 / .9);text-align:left;background:transparent;outline:none}
.accBtn:focus-visible{box-shadow:inset 0 0 0 2px rgb(14 165 233 / .45),inset 0 0 0 6px rgb(14 165 233 / .18)}
.accIcon{transition:transform .2s ease}
.accPanel{padding:0 1.15rem 1.15rem 1.15rem;color:rgb(15 23 42 / .75);font-size:.95rem;line-height:1.6}

@media (prefers-reduced-motion: reduce){
  html:focus-within{scroll-behavior:auto}
  .card,.stat,.tip,.module{transition:none}
  .accIcon{transition:none}
}