:root{color-scheme:dark}*{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{font-size:16px}img{max-width:100%;height:auto;display:block}

.navlink{display:inline-flex;align-items:center;border-radius:0.75rem;padding:0.5rem 0.75rem;font-size:0.95rem;color:rgb(226 232 240);transition:background-color 200ms ease,transform 200ms ease,color 200ms ease;outline:none}
.navlink:hover{background-color:rgba(255,255,255,.08);transform:translateY(-1px)}
.navlink:focus-visible{box-shadow:0 0 0 2px rgba(125,211,252,.9),0 0 0 6px rgba(2,132,199,.25)}
.navlink[aria-current="page"]{background-color:rgba(14,165,233,.18);color:rgb(240 249 255)}

.menu-link{font-family:ui-serif,Georgia,Times New Roman,Times,serif;font-size:1.5rem;line-height:1.2;color:rgb(241 245 249);padding:0.65rem 1rem;border-radius:1rem;transition:transform 200ms ease,background-color 200ms ease;outline:none}
.menu-link:hover{transform:translateY(-1px);background-color:rgba(255,255,255,.08)}
.menu-link:focus-visible{box-shadow:0 0 0 2px rgba(125,211,252,.9),0 0 0 6px rgba(2,132,199,.25)}

.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:1rem;padding:.85rem 1.05rem;font-weight:600;color:rgb(2 6 23);background-image:linear-gradient(to right,rgb(125 211 252),rgb(14 165 233));box-shadow:0 14px 30px rgba(2,132,199,.22);transition:transform 200ms ease,filter 200ms ease,box-shadow 200ms ease;outline:none}
.btn-primary:hover{transform:translateY(-1px);filter:saturate(1.05)}
.btn-primary:active{transform:translateY(0px)}
.btn-primary:focus-visible{box-shadow:0 0 0 2px rgba(125,211,252,.9),0 0 0 6px rgba(2,132,199,.25),0 14px 30px rgba(2,132,199,.22)}
.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}

.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:1rem;padding:.85rem 1.05rem;font-weight:600;color:rgb(226 232 240);background-color:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:transform 200ms ease,background-color 200ms ease,border-color 200ms ease;outline:none}
.btn-secondary:hover{transform:translateY(-1px);background-color:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}
.btn-secondary:active{transform:translateY(0px)}
.btn-secondary:focus-visible{box-shadow:0 0 0 2px rgba(125,211,252,.9),0 0 0 6px rgba(2,132,199,.25)}
.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}

.card{border-radius:1.25rem;border:1px solid rgba(255,255,255,.10);background-color:rgba(255,255,255,.04);padding:1.25rem;box-shadow:0 14px 30px rgba(0,0,0,.25);transition:transform 200ms ease,box-shadow 200ms ease,background-color 200ms ease;outline:none}
.card:hover{transform:translateY(-2px);background-color:rgba(255,255,255,.055);box-shadow:0 18px 40px rgba(0,0,0,.32)}
.card:focus-within{box-shadow:0 0 0 2px rgba(125,211,252,.9),0 0 0 6px rgba(2,132,199,.25),0 18px 40px rgba(0,0,0,.32)}
.card-icon{display:inline-flex;height:44px;width:44px;align-items:center;justify-content:center;border-radius:1rem;border:1px solid rgba(255,255,255,.10);background-image:linear-gradient(to bottom right,rgba(125,211,252,.25),rgba(14,165,233,.10));color:rgb(186 230 253)}
.card-title{margin-top:.9rem;font-family:ui-serif,Georgia,Times New Roman,Times,serif;font-size:1.25rem;line-height:1.25;color:rgb(241 245 249)}
.card-text{margin-top:.55rem;color:rgb(203 213 225);font-size:.95rem;line-height:1.5}

.footer-link{color:rgb(203 213 225);text-decoration:none;outline:none;transition:color 180ms ease,text-decoration-color 180ms ease,background-color 180ms ease}
.footer-link:hover{color:rgb(240 249 255);text-decoration:underline;text-decoration-color:rgba(125,211,252,.8);text-underline-offset:4px}
.footer-link:focus-visible{border-radius:.6rem;background-color:rgba(255,255,255,.06);box-shadow:0 0 0 2px rgba(125,211,252,.9),0 0 0 6px rgba(2,132,199,.25)}

::selection{background:rgba(14,165,233,.35);color:rgb(255 255 255)}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn-primary,.btn-secondary,.navlink,.menu-link,.card{transition:none}.card:hover,.btn-primary:hover,.btn-secondary:hover,.navlink:hover,.menu-link:hover{transform:none}}