*{box-sizing:border-box}html:focus-within{scroll-behavior:smooth}body{font-size:16px}img{max-width:100%;height:auto;display:block;object-fit:cover}a{color:inherit;text-decoration:none}

.navlink{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:rgb(226 232 240);transition:color .2s ease,transform .2s ease}
.navlink:hover{color:rgb(196 181 253);transform:translateY(-1px)}
.navlink:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(196,181,253,.55);border-radius:12px;padding:.35rem .5rem}

.menulink{display:inline-flex;justify-content:center;align-items:center;border-radius:18px;padding:.75rem 1rem;font-size:1.5rem;line-height:1.75rem;font-weight:700;color:rgb(241 245 249);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:transform .2s ease,background .2s ease}
.menulink:hover{transform:translateY(-1px);background:rgba(255,255,255,.08)}
.menulink:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(167,139,250,.55)}

.card{position:relative;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);padding:22px;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.card:hover{transform:translateY(-3px);background:rgba(255,255,255,.06);box-shadow:0 14px 36px rgba(0,0,0,.35)}
.card:focus-within{box-shadow:0 0 0 3px rgba(167,139,250,.5),0 14px 36px rgba(0,0,0,.35)}
.cardIcon{height:46px;width:46px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,58,237,.9),rgba(167,139,250,.85));box-shadow:0 12px 30px rgba(124,58,237,.25)}
.cardTitle{margin-top:14px;font-family:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;font-size:1.125rem;line-height:1.5rem;font-weight:700;color:rgb(248 250 252)}
.cardText{margin-top:10px;font-size:.95rem;line-height:1.5rem;color:rgb(226 232 240)}
.cardLink{margin-top:14px;display:inline-flex;align-items:center;gap:.25rem;font-weight:700;color:rgb(196 181 253);transition:color .2s ease,transform .2s ease}
.cardLink:hover{color:rgb(233 213 255);transform:translateX(2px)}
.cardLink:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(167,139,250,.55);border-radius:12px;padding:.25rem .4rem}

.footerlink{color:rgb(226 232 240);transition:color .2s ease,text-decoration-color .2s ease}
.footerlink:hover{color:rgb(196 181 253)}
.footerlink:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(167,139,250,.55);border-radius:12px;padding:.2rem .35rem}

.social{display:inline-flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:rgb(241 245 249);transition:transform .2s ease,background .2s ease,color .2s ease}
.social:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);color:rgb(196 181 253)}
.social:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(167,139,250,.55)}

@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}.navlink,.menulink,.card,.cardLink,.social{transition:none}}