*{box-sizing:border-box}body{font-family:Inter,sans-serif;color:#fff;margin:0;padding:80px 0;background-color:#282c34;line-height:1.6;font-size:16px;display:flex;flex-direction:column;min-height:100vh}header,footer{background-color:#20232a;padding:20px;text-align:center;color:#61dafb}header{position:relative;z-index:1}header:hover{padding:20px;transition:none}footer{margin-top:auto}main{padding:20px;max-width:1200px;margin:0 auto;flex-grow:1}h1{font-size:2.5rem;text-align:center;margin-bottom:40px;letter-spacing:.05rem;color:#61dafb}ul{list-style:none;padding:0}li{background-color:#333842;border-radius:12px;padding:20px;margin-bottom:20px;transition:transform .2s ease,background-color .2s ease}li:hover{transform:translateY(-5px);background-color:#3e4451}a{text-decoration:none;color:inherit}h2{font-size:1.75rem;margin:0 0 10px}p{font-size:1rem;margin:0 0 15px;color:#b8b9bf}small{font-size:.85rem;color:#888d97}@media screen and (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}p{font-size:.9rem}li{padding:15px}}@media screen and (max-width: 480px){h1{font-size:1.75rem}h2{font-size:1.25rem}li{padding:10px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#282c34}::-webkit-scrollbar-thumb{background-color:#61dafb;border-radius:10px}