*{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-family:Reenie Beanie,sans-serif;font-size:30px}.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.show{display:flex}.sidebar.hide{display:none}.sidebar a,.sidebar li{width:100%}.main-content{min-height:calc(100vh - 800px);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:100px}.container{text-align:center;max-width:800px;width:100%}.title{font-size:2.5rem;margin-bottom:1rem;font-weight:400;line-height:1.4;color:#333;font-family:Courier New,monospace}.subtitle{font-size:1.1rem;color:#666;margin-bottom:2rem}.buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.button{padding:12px 24px;border-radius:5px;text-decoration:none;font-size:1rem;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.primary-button{background-color:#000;color:#fff!important;border:2px solid #000}.primary-button:hover{background-color:#333;border-color:#333}.secondary-button{background-color:transparent;color:#000!important;border:2px solid #000}.secondary-button:hover{background-color:#f5f5f5}.arrow{font-size:1.2rem;line-height:1}.cards-section{padding:50px 20px;display:flex;justify-content:center;gap:30px;flex-wrap:wrap;max-width:1200px;margin:0 auto}.card{background:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:300px;display:flex;flex-direction:column;gap:20px}.card-title{font-family:Courier New,monospace;font-size:1.5rem;color:#333;font-weight:400}.card-description{color:#666;line-height:1.5;font-size:.95rem}.card-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:#000;color:#fff;padding:12px 20px;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.card-button:hover{background-color:#333}.card-button-outline{background-color:#fff;color:#000;border:2px solid #000}.card-button-outline:hover{background-color:#f5f5f5}@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%}}