body{background-image:radial-gradient(circle farthest-corner at top right, #59c8ff 14%, #008bff 50%, #0058e7 100%) !important;background-size:cover;background-color:#cdc5af;color:#1e2657;font-family:"Montserrat",sans-serif;min-height:100vh;display:flex;flex-direction:column}html,body{margin:0;padding:0;overflow-x:hidden}.hero-section{margin:auto}.countdown-section{text-align:left;color:#1e2657;padding:30px}.countdown-section .logo{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:10px}.countdown-section .logo .left-logo{justify-self:start;width:200px}.countdown-section .logo .right-logo{justify-self:end;width:120px}@media (max-width: 768px){.countdown-section .logo .left-logo{width:160px}.countdown-section .logo .right-logo{width:86px}}.countdown-section h1{font-size:2.5rem;font-weight:800;margin-bottom:10px;color:white}.countdown-section p{font-size:1.2rem;margin-bottom:20px;font-weight:600;color:white}.countdown-section .deskripsi{font-size:1rem;font-weight:400;color:white}.countdown-section .hitung-mundur{background:linear-gradient(135deg, #64b5f6, #1e88e5);padding:20px;border-radius:20px}.countdown-section .hitung-mundur .label img{display:block;width:160px;margin-bottom:-6px}.countdown-section .hitung-mundur .time{font-size:2rem;font-weight:700;display:flex;justify-content:start;gap:50px}.countdown-section .hitung-mundur .time div{text-align:center}.countdown-section .hitung-mundur .time div span{display:block}.countdown-section .hitung-mundur .time-number{font-size:3rem;color:white}.countdown-section .hitung-mundur .time-label{font-size:1rem;color:white;position:relative;top:-10px;text-align:left}@media (max-width: 768px){.countdown-section h1{font-size:1.8rem}.countdown-section .time{gap:30px}.countdown-section .time-number{font-size:2rem}}.modal-header{background-color:#0058e7;color:#fff;font-weight:600}.modal-body{background-color:#59c8ff;color:#1e2657}.modal-footer{background-color:#59c8ff}.modal-footer .btn{background-color:#0058e7;color:#fff;width:100%;padding:10px}.modal-footer span{font-size:0.8rem;color:#424242}.footer{background-color:#0058e7;color:#fff;padding:20px 0;font-size:0.9rem}.footer .divider{margin:10px 0}.footer .social-media-icons{margin-top:10px}.footer .social-media-icons a{margin:0 10px;color:#fff;font-size:20px;text-decoration:none;transition:color 0.3s ease, transform 0.3s ease}.footer .social-media-icons a:hover{color:#59c8ff;transform:scale(1.2)}.widget-pesan{border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden;max-width:98%;margin:0 auto}.widget-pesan .widget-body{flex:1;overflow-y:scroll;max-height:800px;padding:30px 15px 0}.widget-pesan .widget-body::-webkit-scrollbar{width:8px}.widget-pesan .widget-body::-webkit-scrollbar-track{background:#59c8ff}.widget-pesan .widget-body::-webkit-scrollbar-thumb{background:#0058e7;border-radius:4px}.widget-pesan .widget-body::-webkit-scrollbar-thumb:hover{background:#59c8ff}.widget-pesan .widget-body .message{margin:0 10px 35px 0;background-color:#fff;border-radius:10px;border:1px solid rgba(184,171,133,0.89);box-shadow:10px 10px 0px 4px rgba(184,171,133,0.2);padding:15px;position:relative}.widget-pesan .widget-body .message:before{content:"\201C";font-size:8rem;color:#0058e7;position:absolute;top:-65px;left:-20px;font-weight:600}.widget-pesan .widget-body .message blockquote{margin:0;padding:0 0 0 20px;color:#0058e7;font-size:1rem}.widget-pesan .widget-body .message p{margin:6px 0 0;text-align:right;font-size:1rem;font-weight:bold;color:#0058e7}.widget-pesan #load-more{font-size:1rem;color:white;font-weight:600;padding-bottom:24px;text-decoration:none}@media (max-width: 768px){.widget-pesan{max-height:400px}}.send-hope-button{background-color:#0058e7;color:#fff;font-size:1rem;font-weight:bold;padding:15px 20px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-transform:uppercase;gap:10px;animation:pulse 2s infinite}.send-hope-button:hover{background-color:#26b7ff}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(0.97)}100%{transform:scale(1)}}.yt-section{max-width:800px;margin:100px auto}.yt-section .yt-box{position:relative;overflow:hidden;height:0;padding-bottom:56%;border:20px solid #d97530}.yt-section .yt-box>iframe{position:absolute;width:100%;height:100%;padding-top:27px;padding-bottom:27px;background:#d97530}.yt-section .frame-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.yt-section .yt-window{position:relative}