*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}html,body{height:100%}body{color:#fff;background-color:#041b31;background-image:url(/aset/bg-laut.webp);background-position:top;background-repeat:no-repeat;background-size:cover;min-height:100vh}.hero{justify-content:center;align-items:center;min-height:100vh;display:flex}.container{text-align:center;width:85%;max-width:1100px;margin:0 auto}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background-color:#072a4a80;justify-content:space-between;align-items:center;width:100%;padding:20px 50px;display:flex;position:fixed;top:0}.navbar .logo{letter-spacing:2px;font-size:24px;font-weight:800}.nav-links a{color:#cbd5e1;margin-left:20px;font-size:14px;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:#38bdf8}.hero-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1000px;display:flex}.idea-logo{width:250px;margin-bottom:30px}.idea-logo img{width:100%;height:auto;display:block}.tagline{color:#e2e8f0;font-size:20px;font-style:italic;font-weight:400;line-height:1.6}.about-section,.webinar-section,.benefit-section{padding:100px 0}.section-title{letter-spacing:2px;margin-bottom:25px;font-size:32px;font-weight:700}.section-desc{color:#94a3b8;max-width:850px;margin:0 auto;font-size:16px;line-height:1.8}.webinar-section .section-title{line-height:1.3}.benefit-main-title{margin-bottom:60px}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.benefit-card{text-align:left;background-color:#0f203599;border:1px solid #38bdf81a;padding:40px 30px;transition:transform .3s,border .3s}.benefit-card:hover{border-color:#38bdf866;transform:translateY(-5px)}.benefit-card h3{text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:15px;font-size:18px;font-weight:700}.benefit-card p{color:#94a3b8;font-size:14px;line-height:1.6}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.reveal.active{opacity:1;transform:translateY(0)}.benefit-card.reveal:first-child{transition-delay:0s}.benefit-card.reveal:nth-child(2){transition-delay:.15s}.benefit-card.reveal:nth-child(3){transition-delay:.3s}.benefit-card.reveal:nth-child(4){transition-delay:.45s}@media (max-width:768px){.navbar{flex-direction:column;padding:15px}.nav-links{flex-wrap:wrap;justify-content:center;margin-top:10px;display:flex}.nav-links a{margin:5px 10px;font-size:12px}.benefit-grid{grid-template-columns:1fr}.tagline{font-size:16px}.section-title{font-size:26px}}.page-header{text-align:center;padding:160px 0 60px}.page-header h1{letter-spacing:2px;font-size:36px;font-weight:800}.hero{justify-content:center;align-items:center;min-height:100vh;padding-top:200px;display:flex}.kompetisi-section{padding:40px 0 100px}.kompetisi-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.kompetisi-card{text-align:center;background-color:#0f203599;border:1px solid #38bdf81a;border-radius:8px;padding:40px 30px;transition:transform .3s,border .3s}.kompetisi-card:hover{border-color:#38bdf866;transform:translateY(-5px)}.kompetisi-card h3{letter-spacing:1px;color:#fff;margin-bottom:30px;font-size:20px;font-weight:700}.kompetisi-icon{justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 30px;display:flex}.kompetisi-icon img{filter:drop-shadow(0 0 12px #38bdf899);max-width:100%;max-height:100%}.kompetisi-buttons{justify-content:center;gap:12px;display:flex}.btn-outline,.btn-fill{letter-spacing:.5px;cursor:pointer;border:none;border-radius:20px;padding:10px 20px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .3s;display:inline-block}.btn-outline{color:#38bdf8;background-color:#0000;border:1.5px solid #38bdf8}.btn-fill{color:#07203a;background-color:#38bdf8}.btn-outline:hover,.btn-fill:hover{opacity:.8}@media (max-width:768px){.kompetisi-grid{grid-template-columns:1fr}.page-header h1{font-size:26px}.kompetisi-buttons{flex-direction:column;gap:8px}}.panduan-cover{border-radius:6px;width:180px;height:100%;margin:0 auto;overflow:hidden;box-shadow:0 0 20px #38bdf833}.panduan-cover img{width:100%;height:auto;display:block}