body{margin:0;font-family:Inter,sans-serif;background-color:#f8fafc}.hero-section{position:relative;height:100vh;background:linear-gradient(#00000080,#00000080),url(/assets/images/Gedung-Itenas-Final.jpg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.hero-content{max-width:800px;padding:2rem;z-index:2;display:flex;flex-direction:column;align-items:center}.logo{width:150px;height:auto;margin-bottom:2rem;filter:brightness(0) invert(1)}.title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.title p{color:#f59e0b}.subtitle{font-size:1.25rem;margin-bottom:2.5rem;opacity:.9}.button-container{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.btn{padding:.875rem 2rem;border-radius:.5rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;font-size:1.1rem}.btn-primary{background-color:#f59e0b;color:#fff;border:2px solid #f59e0b}.btn-primary:hover{background-color:#f86700;border-color:#f86700;transform:translateY(-2px)}.btn-secondary{background-color:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background-color:#f86700;transform:translateY(-2px)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@media (max-width: 768px){.title{font-size:2.5rem}.subtitle{font-size:1.1rem}.button-container{flex-direction:column;align-items:center}.btn{width:100%;justify-content:center}}