body{margin:0;background:#03111e;color:#eff5ff;font:16px/1.6 system-ui}main{max-width:950px;margin:auto;padding:32px 20px}a{color:#44d5ff}h1{font-size:36px}section{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}article{padding:24px;background:#081c2e;border:1px solid #224c68;border-radius:16px}h2{font-size:21px}code{overflow-wrap:anywhere}details{margin-top:20px}article>a{display:inline-block;background:#008ffe;color:white;padding:10px 18px;border-radius:8px;text-decoration:none}

:root{color-scheme:dark}*{box-sizing:border-box}body{min-height:100vh;background:radial-gradient(ellipse at 80% 0,#55438c36,transparent 55%),radial-gradient(ellipse at 0 45%,#087b8d22,transparent 55%),#060e19;color:#f5f7fc}main{max-width:1100px;padding:40px 24px}p{color:#b3c2d4}h1{letter-spacing:-1px}a{color:#91ddeb}article{background:linear-gradient(125deg,#ffffff12,#ffffff04),#172438bf;border-color:#d3e6ff29;border-radius:20px;box-shadow:inset 0 1px #ffffff0c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}article>a{min-height:44px;background:#dff7fc;color:#102532;border:1px solid #e2f6ff;border-radius:10px}summary{min-height:44px;cursor:pointer}a:focus-visible,summary:focus-visible{outline:2px solid #69dcf3;outline-offset:4px}section{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}
@media(max-width:600px){main{padding:28px 18px}h1{font-size:29px;line-height:1.2}article{padding:20px}}
@media(prefers-reduced-transparency:reduce){article{background:#19283a;backdrop-filter:none;-webkit-backdrop-filter:none}}