*{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}.preview{margin-bottom:20px}.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%}.form-container{width:100%;max-width:800px;margin:0 auto;padding:100px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group textarea{min-height:120px;resize:vertical}.submit-container{margin-top:20px;text-align:center}.submit-btn{display:inline-block;background-color:#000;color:#fff;padding:12px 24px;border-radius:5px;text-decoration:none;border:none;cursor:pointer;font-size:16px}.submit-btn:hover{background-color:#333}.message{margin:10px 0;padding:10px;border-radius:4px;text-align:center;display:none}.success{background-color:#e8f5e9;color:#2e7d32}.spinner{width:20px;height:20px;border:5px solid rgba(0,0,0,.1);border-top-color:#eaeaea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error{color:#c62828}@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%}}