:root{color-scheme:dark}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-size:16px;line-height:1.5}
img{max-width:100%;height:auto;display:block}

.navlink{display:inline-flex;align-items:center;justify-content:center;border-radius:0.75rem;padding:0.55rem 0.9rem;font-size:0.95rem;font-weight:600;color:rgb(238 242 247/1);transition:transform 180ms ease,background-color 180ms ease,color 180ms ease;outline:none}
.navlink:hover{background-color:rgb(255 255 255/0.08);transform:translateY(-1px)}
.navlink:focus-visible{box-shadow:0 0 0 2px rgb(134 192 255/1),0 0 0 6px rgb(22 33 49/1)}

.mobilelink{font-family:Source Serif 4,ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;font-size:1.5rem;line-height:1.2;font-weight:700;color:rgb(255 255 255/1);padding:0.75rem 1rem;border-radius:1rem;transition:transform 180ms ease,background-color 180ms ease;outline:none}
.mobilelink:hover{background-color:rgb(255 255 255/0.10);transform:translateY(-2px)}
.mobilelink:focus-visible{box-shadow:0 0 0 2px rgb(134 192 255/1),0 0 0 8px rgb(0 0 0/0.45)}

.card{border:1px solid rgb(255 255 255/0.10);background-color:rgb(255 255 255/0.05);border-radius:1.5rem;padding:1.25rem;box-shadow:0 20px 45px rgb(0 0 0/0.18);transition:transform 180ms ease,box-shadow 180ms ease,background-color 180ms ease}
.card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgb(0 0 0/0.28);background-color:rgb(255 255 255/0.07)}
.card:focus-within{box-shadow:0 0 0 2px rgb(134 192 255/1),0 24px 60px rgb(0 0 0/0.28)}

.cardIcon{display:grid;place-items:center;height:2.75rem;width:2.75rem;border-radius:1rem;ring:1px solid rgb(255 255 255/0.10)}

.cardTitle{margin-top:0.9rem;font-size:1.05rem;line-height:1.35;font-weight:800;color:rgb(255 255 255/1)}
.cardText{margin-top:0.45rem;font-size:0.95rem;line-height:1.55;color:rgb(217 225 238/1)}
.cardLink{margin-top:0.85rem;display:inline-flex;align-items:center;gap:0.4rem;font-size:0.9rem;font-weight:800;color:rgb(183 217 255/1);text-decoration:none;outline:none}
.cardLink:hover{text-decoration:underline}
.cardLink:focus-visible{box-shadow:0 0 0 2px rgb(134 192 255/1),0 0 0 6px rgb(22 33 49/1);border-radius:0.75rem;padding:0.25rem 0.35rem;margin-left:-0.35rem}

.footerlink{color:rgb(217 225 238/1);text-decoration:none;outline:none;transition:color 160ms ease,background-color 160ms ease}
.footerlink:hover{color:rgb(255 255 255/1);text-decoration:underline}
.footerlink:focus-visible{box-shadow:0 0 0 2px rgb(134 192 255/1),0 0 0 6px rgb(22 33 49/1);border-radius:0.65rem;padding:0.15rem 0.35rem;margin-left:-0.35rem;background-color:rgb(255 255 255/0.06)}

.footerpill{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:1px solid rgb(255 255 255/0.15);background-color:rgb(255 255 255/0.05);padding:0.5rem 0.75rem;font-size:0.85rem;font-weight:700;color:rgb(238 242 247/1);text-decoration:none;transition:background-color 180ms ease,transform 180ms ease;outline:none}
.footerpill:hover{background-color:rgb(255 255 255/0.09);transform:translateY(-1px)}
.footerpill:focus-visible{box-shadow:0 0 0 2px rgb(134 192 255/1),0 0 0 6px rgb(22 33 49/1)}

::selection{background:rgb(79 157 255/0.35)}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto !important}
}