*{margin:0;padding:0}body{min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}nav{background-color:#fff;box-shadow:3px 3px 5px rgba(0,0,0,.1)}nav ul{width:100%;list-style:none;display:flex;justify-content:flex-end;align-items:center}nav li{height:50px}nav a{height:100%;padding:0 30px;text-decoration:none;display:flex;align-items:center;color:#000}nav a:hover{background-color:#f0f0f0}nav li:first-child{margin-right:auto}@font-face{font-family:Reenie Beanie;src:url(/font/ReenieBeanie.ttf) format("truetype")}#judul{font-size:30px}#judul,#judul-2{font-family:Reenie Beanie,sans-serif}#judul-2{font-size:50px}.sidebar{position:fixed;top:0;right:0;height:100vh;width:250px;z-index:999;background-color:hsla(0,0%,100%,.2);box-shadow:-10px 0 10px rgba(0,0,0,.1);display:none;backdrop-filter:blur(10px);flex-direction:column;align-items:flex-start;justify-content:flex-start}.sidebar a,.sidebar li{width:100%}.support-container{padding:40px 20px;text-align:center;max-width:800px;margin:0 auto}.support-title{font-size:2.5em;margin-bottom:30px}.support-text{font-size:1.1em;line-height:1.6;margin-bottom:30px;color:#333}.support-buttons{display:flex;flex-direction:column;align-items:center;gap:15px}.support-button{padding:12px 24px;font-size:1em;width:fit-content}.author-info{margin:30px 0;text-align:center}.authors-row{display:flex;justify-content:center;gap:40px;margin-top:20px}.author{display:flex;flex-direction:column;align-items:center;max-width:150px}.author-image{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:10px}.author-name{font-size:1.1em;font-weight:700;color:#333;margin-bottom:8px}.credits-text{font-size:.9em;color:#666;margin-top:30px;text-align:center}.credits-text a{color:#1a1a1a;text-decoration:none;font-weight:700}.credits-text a:hover{color:#333;text-decoration:underline}.support-button{background-color:#1a1a1a;color:#fff;padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-size:.9em;text-decoration:none;transition:background-color .3s}.support-button:hover{background-color:#333}.note{font-size:.8em;color:#666;margin-top:10px}@media (max-width:1000px){.cards-section{padding:30px 15px}.card{width:calc(50% - 15px);min-width:250px}}@media (max-width:600px){.title{font-size:2rem}.buttons{flex-direction:column}.button{justify-content:center}.button,.card{width:100%}}@media(max-width:800px){.hideOnMobile{display:none}.menu-button{display:block}}@media(max-width:400px){.sidebar{width:100%}}