html:focus-within{scroll-behavior:smooth}
:root{color-scheme:dark}
body{font-size:16px}
img{max-width:100%;height:auto;display:block}
.navlink{display:inline-flex;align-items:center;justify-content:center;border-radius:0.75rem;padding:0.5rem 0.75rem;font-size:0.875rem;font-weight:600;color:rgb(226 232 240);transition:background-color .2s ease,transform .2s ease}
.navlink:hover{background-color:rgba(255,255,255,.08);transform:translateY(-1px)}
.navlink:focus{outline:none;box-shadow:0 0 0 2px rgba(96,165,250,.9)}
.mobilelink{display:inline-flex;align-items:center;justify-content:center;border-radius:1rem;padding:0.75rem 1.25rem;font-size:1.5rem;font-weight:700;color:rgb(248 250 252);transition:background-color .2s ease,transform .2s ease}
.mobilelink:hover{background-color:rgba(255,255,255,.08);transform:translateY(-1px)}
.mobilelink:focus{outline:none;box-shadow:0 0 0 2px rgba(96,165,250,.9)}
.card{border-radius:1rem;border:1px solid rgba(255,255,255,.10);background-color:rgba(255,255,255,.05);padding:1.25rem;box-shadow:0 10px 30px -20px rgba(0,0,0,.65);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}
.card:hover{transform:translateY(-3px);background-color:rgba(255,255,255,.07);box-shadow:0 18px 40px -22px rgba(0,0,0,.7)}
.card:focus-within{box-shadow:0 0 0 2px rgba(96,165,250,.75),0 18px 40px -22px rgba(0,0,0,.7)}
.cardIcon{display:inline-grid;place-items:center;height:2.75rem;width:2.75rem;border-radius:1rem;border:1px solid rgba(255,255,255,.10);background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(16,185,129,.14))}
.cardTitle{margin-top:0.9rem;font-size:1.05rem;line-height:1.35;font-weight:800;color:rgb(248 250 252)}
.cardText{margin-top:0.5rem;font-size:0.95rem;line-height:1.6;color:rgb(226 232 240)}
.cardLink{margin-top:1rem;display:inline-flex;align-items:center;gap:.35rem;border-radius:.75rem;padding:.35rem .5rem;font-size:.9rem;font-weight:800;color:rgb(167 243 208);transition:background-color .2s ease,transform .2s ease}
.cardLink:hover{background-color:rgba(255,255,255,.08);transform:translateY(-1px)}
.cardLink:focus{outline:none;box-shadow:0 0 0 2px rgba(110,231,183,.9)}
.footerLink{display:inline-flex;border-radius:.5rem;padding:.25rem .4rem;color:rgb(226 232 240);text-decoration:none;transition:background-color .2s ease,color .2s ease}
.footerLink:hover{background-color:rgba(255,255,255,.08);color:rgb(248 250 252)}
.footerLink:focus{outline:none;box-shadow:0 0 0 2px rgba(96,165,250,.9)}
.tabBtn{border-radius:0.9rem;border:1px solid rgba(255,255,255,.10);background-color:rgba(255,255,255,.05);padding:.5rem .9rem;font-size:.875rem;font-weight:800;color:rgb(226 232 240);transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
.tabBtn:hover{background-color:rgba(255,255,255,.08);transform:translateY(-1px)}
.tabBtn:focus{outline:none;box-shadow:0 0 0 2px rgba(96,165,250,.9)}
.tabBtn[data-active="true"]{background:linear-gradient(90deg,rgba(59,130,246,.35),rgba(16,185,129,.28));border-color:rgba(255,255,255,.18);color:rgb(248 250 252)}
.accItem{border-radius:1rem;border:1px solid rgba(255,255,255,.10);background-color:rgba(255,255,255,.05);overflow:hidden}
.accBtn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1rem;text-align:left;font-size:.95rem;font-weight:900;color:rgb(248 250 252);background:transparent;transition:background-color .2s ease}
.accBtn:hover{background-color:rgba(255,255,255,.07)}
.accBtn:focus{outline:none;box-shadow:inset 0 0 0 2px rgba(96,165,250,.9)}
.accPanel{padding:0 1rem 1rem}
.accText{font-size:.9rem;line-height:1.65;color:rgb(226 232 240)}
@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}.navlink,.mobilelink,.card,.cardLink,.tabBtn{transition:none}}