:root{--bg: #fff;--light-text: #1a1a1a}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg);color:var(--light-text);line-height:1.6}section{padding:1rem;width:100%;margin:0 auto}@media(min-width:768px){section{padding:1.2rem 2rem;max-width:850px;margin:0 auto}}h1,h2,h3{color:#1a1a1a}h2{border-bottom:2px solid skyblue;display:inline-block;margin-bottom:1.5rem}nav{position:fixed;top:0;width:100%;background:#8af;padding:1rem 0;text-align:center;z-index:100;border-bottom:transparent}nav a{color:#f9f9f9;text-decoration:none;margin:0 1.5rem;font-weight:700;transition:color .3s}nav a:hover{color:#ffdead}.card{background:#f8f9fa;padding:1.5rem;border-radius:8px;border:1px solid transparent;transition:transform .2s;height:100%;display:flex;flex-direction:column}.card a{margin-top:auto;display:inline-block}.card:hover{transform:translateY(-5px);border-color:#00bfff}.tag{background:#87ceeb;color:#fff;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;margin-right:.5rem}