@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Poppins:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.umkm-page{padding-top:80px}.umkm-page .hero-section{background:linear-gradient(135deg,#2a9d8f,#1d3557);color:#fff;margin-bottom:50px;padding:100px 0;text-align:center}.umkm-page .hero-section .container{position:relative;z-index:2}.umkm-page .hero-section h1{font-size:3rem;margin-bottom:20px;text-shadow:0 2px 10px #0000004d}.umkm-page .hero-section p{font-size:1.4rem;margin:0 auto;max-width:700px;opacity:.9}.umkm-page .umkm-controls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.umkm-page .umkm-controls .search-bar{flex:1 1;max-width:500px;position:relative}.umkm-page .umkm-controls .search-bar input{border:1px solid #ddd;border-radius:50px;box-shadow:0 5px 15px #0000000d;font-size:1rem;padding:15px 20px;transition:all .3s ease;width:100%}.umkm-page .umkm-controls .search-bar input:focus{border-color:#2a9d8f;box-shadow:0 5px 15px #2a9d8f33;outline:none}.umkm-page .umkm-controls .search-bar button{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:40px}.umkm-page .umkm-controls .search-bar button svg{fill:#777;height:20px;width:20px}.umkm-page .umkm-controls .controls-right{align-items:center;display:flex;gap:20px}.umkm-page .umkm-controls .controls-right .sort-options{align-items:center;display:flex;gap:10px}.umkm-page .umkm-controls .controls-right .sort-options label{font-weight:500}.umkm-page .umkm-controls .controls-right .sort-options select{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;padding:10px 15px;transition:all .3s ease}.umkm-page .umkm-controls .controls-right .sort-options select:focus{border-color:#2a9d8f;outline:none}.umkm-page .umkm-controls .controls-right .filter-toggle{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.umkm-page .umkm-controls .controls-right .filter-toggle:hover{background:#f9f9f9;border-color:#2a9d8f;color:#2a9d8f}.umkm-page .filter-panel{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;margin-bottom:30px;overflow:hidden;padding:20px}.umkm-page .filter-panel .filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.umkm-page .filter-panel .filter-header h3{color:#2a9d8f;font-size:1.4rem}.umkm-page .filter-panel .filter-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.umkm-page .filter-panel .filter-header .close-btn:hover{background:#f5f5f5}.umkm-page .filter-panel .filter-header .close-btn svg{fill:#777;height:20px;width:20px}.umkm-page .filter-panel .filter-options{display:flex;flex-wrap:wrap;gap:12px}.umkm-page .filter-panel .filter-options .filter-option{background:#f5f5f5;border:none;border-radius:50px;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .3s ease}.umkm-page .filter-panel .filter-options .filter-option:hover{background:#e0f2f1}.umkm-page .filter-panel .filter-options .filter-option.active{background:#2a9d8f;color:#fff;font-weight:500}.umkm-page .umkm-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:60px}.umkm-page .umkm-card{background:#fff;border-radius:16px;box-shadow:0 5px 15px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.umkm-page .umkm-card .card-header{display:flex;justify-content:space-between;padding:15px 20px}.umkm-page .umkm-card .card-header .category-badge{background:#e9c46a;border-radius:20px;color:#333;font-size:.85rem;font-weight:600;padding:6px 15px}.umkm-page .umkm-card .card-header .rating{align-items:center;display:flex;font-size:.9rem;gap:5px}.umkm-page .umkm-card .card-header .rating .stars{color:#e9c46a;font-size:1.1rem}.umkm-page .umkm-card .card-image{background:linear-gradient(45deg,#2a9d8f,#e9c46a);height:200px}.umkm-page .umkm-card .card-image .image-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.umkm-page .umkm-card .card-image .image-placeholder .placeholder-content{color:#fff;font-size:1.8rem;font-weight:700;padding:20px;text-align:center}.umkm-page .umkm-card .card-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.umkm-page .umkm-card .card-content h3{color:#1d3557;font-size:1.5rem;margin-bottom:8px}.umkm-page .umkm-card .card-content .owner{color:#666;font-size:.95rem;margin-bottom:15px}.umkm-page .umkm-card .card-content .description{color:#555;flex:1 1;font-size:1rem;margin-bottom:20px}.umkm-page .umkm-card .card-content .products-preview{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:auto}.umkm-page .umkm-card .card-content .products-preview .product-item{background:#f9f9f9;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.umkm-page .umkm-card .card-content .products-preview .product-item .product-image{background:linear-gradient(45deg,#e76f51,#e9c46a);height:80px}.umkm-page .umkm-card .card-content .products-preview .product-item .product-image .placeholder-content{align-items:center;color:#fff;display:flex;font-size:.8rem;height:100%;justify-content:center;padding:10px;text-align:center;width:100%}.umkm-page .umkm-card .card-content .products-preview .product-item .product-info{padding:10px}.umkm-page .umkm-card .card-content .products-preview .product-item .product-info h4{font-size:.85rem;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.umkm-page .umkm-card .card-content .products-preview .product-item .product-info p{color:#e76f51;font-size:.8rem;font-weight:600}.umkm-page .umkm-card .card-footer{padding:0 20px 20px}.umkm-page .umkm-card .card-footer .detail-btn{align-items:center;background:#2a9d8f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:10px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.umkm-page .umkm-card .card-footer .detail-btn:hover{background:#1d3557}.umkm-page .umkm-card .card-footer .detail-btn svg{fill:#fff;height:20px;width:20px}.umkm-page .no-results{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000000d;margin:40px 0;padding:60px 20px;text-align:center}.umkm-page .no-results .placeholder-icon{align-items:center;background:#f5f5f5;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.umkm-page .no-results .placeholder-icon svg{fill:#777;height:40px;width:40px}.umkm-page .no-results h3{color:#333;font-size:1.5rem;margin-bottom:10px}.umkm-page .no-results p{color:#666;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:500px}.umkm-page .no-results button{background:#2a9d8f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 30px;transition:all .3s ease}.umkm-page .no-results button:hover{background:#1d3557}@media(max-width:992px){.umkm-page .umkm-controls{align-items:stretch;flex-direction:column}.umkm-page .umkm-controls .search-bar{max-width:none}.umkm-page .umkm-controls .controls-right{justify-content:space-between}.umkm-page .umkm-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:576px){.umkm-page .hero-section{padding:80px 0}.umkm-page .hero-section h1{font-size:2.2rem}.umkm-page .hero-section p{font-size:1.1rem}.umkm-page .umkm-grid{grid-template-columns:1fr}.umkm-page .umkm-card .products-preview{grid-template-columns:repeat(3,1fr)}}.umkm-page{margin-top:0;padding-top:0}.umkm-page .hero-section{margin-top:0;padding-bottom:80px;padding-top:80px}@media(max-width:768px){.umkm-page .hero-section{padding-bottom:60px;padding-top:60px}}.umkm-page .container{margin-top:0}.header.scrolled{padding:10px 0!important}.umkm-detail .hero-section{background-position:50%;background-size:cover;color:#fff;padding:120px 0;position:relative}.umkm-detail .hero-section:before{background:#00000080;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.umkm-detail .hero-section .back-button{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:10px;left:20px;padding:10px 20px;position:absolute;top:30px;transition:all .3s ease;z-index:10}.umkm-detail .hero-section .back-button svg{fill:#fff;height:20px;width:20px}.umkm-detail .hero-section .back-button:hover{background:#ffffff4d}.umkm-detail .hero-section .hero-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:2}.umkm-detail .hero-section .hero-content .category-badge{background:#e9c46a;border-radius:50px;color:#333;display:inline-block;font-size:1rem;font-weight:600;margin-bottom:20px;padding:8px 20px}.umkm-detail .hero-section .hero-content h1{font-size:2.8rem;margin-bottom:15px;text-shadow:0 2px 10px #0000004d}.umkm-detail .hero-section .hero-content p{font-size:1.4rem;opacity:.9;text-shadow:0 2px 5px #0000004d}.umkm-detail .tabs{border-bottom:1px solid #eee;display:flex;margin:40px 0 30px}.umkm-detail .tabs .tab{background:none;border:none;color:#666;cursor:pointer;font-size:1.1rem;font-weight:500;padding:15px 30px;position:relative;transition:all .3s ease}.umkm-detail .tabs .tab:hover{color:#2a9d8f}.umkm-detail .tabs .tab.active{color:#2a9d8f;font-weight:600}.umkm-detail .tabs .tab.active:after{background:#2a9d8f;border-radius:3px 3px 0 0;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.umkm-detail .products-section .section-description{color:#666;font-size:1.1rem;margin-bottom:30px}.umkm-detail .products-section .product-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.umkm-detail .products-section .product-grid .product-card{background:#fff;border-radius:16px;box-shadow:0 5px 15px #00000014;cursor:pointer;overflow:hidden;transition:all .3s ease}.umkm-detail .products-section .product-grid .product-card .product-image{background:linear-gradient(45deg,#2a9d8f,#e9c46a);height:200px}.umkm-detail .products-section .product-grid .product-card .product-image .placeholder-content{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:100%;justify-content:center;padding:20px;text-align:center;width:100%}.umkm-detail .products-section .product-grid .product-card .product-info{padding:20px}.umkm-detail .products-section .product-grid .product-card .product-info h3{color:#1d3557;font-size:1.3rem;margin-bottom:10px}.umkm-detail .products-section .product-grid .product-card .product-info .price{color:#e76f51;font-size:1.2rem;font-weight:700;margin-bottom:15px}.umkm-detail .products-section .product-grid .product-card .product-info .view-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:1rem;padding:10px;transition:all .3s ease;width:100%}.umkm-detail .products-section .product-grid .product-card .product-info .view-btn:hover{background:#2a9d8f;border-color:#2a9d8f;color:#fff}.umkm-detail .info-section .info-columns{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr}.umkm-detail .info-section .info-columns .column h2{color:#2a9d8f;font-size:1.8rem;margin-bottom:20px;padding-bottom:10px;position:relative}.umkm-detail .info-section .info-columns .column h2:after{background:#e9c46a;border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:80px}.umkm-detail .info-section .info-columns .column p{color:#555;font-size:1.1rem;line-height:1.8;margin-bottom:25px}.umkm-detail .info-section .info-card{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000000d;margin-bottom:25px;padding:25px}.umkm-detail .info-section .info-card h3{color:#1d3557;font-size:1.4rem;margin-bottom:15px}.umkm-detail .info-section .info-card p{color:#555;font-size:1.1rem;margin-bottom:15px}.umkm-detail .info-section .info-card .map-link{align-items:center;color:#2a9d8f;display:inline-flex;font-weight:500;gap:8px;margin-top:10px;text-decoration:none}.umkm-detail .info-section .info-card .map-link svg{fill:#2a9d8f;height:20px;width:20px}.umkm-detail .info-section .info-card .social-links{display:flex;gap:15px;margin-top:20px}.umkm-detail .info-section .info-card .social-links .social-link{border-radius:8px;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .3s ease}.umkm-detail .info-section .info-card .social-links .social-link.instagram{background:linear-gradient(45deg,#833ab4,#fd1d1d,#fcb045);color:#fff}.umkm-detail .info-section .info-card .social-links .social-link.instagram:hover{opacity:.9}.umkm-detail .info-section .info-card .social-links .social-link.facebook{background:#1877f2;color:#fff}.umkm-detail .info-section .info-card .social-links .social-link.facebook:hover{opacity:.9}.umkm-detail .reviews-section .rating-summary{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000000d;display:flex;gap:50px;margin-bottom:40px;padding:30px}.umkm-detail .reviews-section .rating-summary .overall-rating{align-items:center;display:flex;flex-direction:column;justify-content:center}.umkm-detail .reviews-section .rating-summary .overall-rating .rating-value{color:#1d3557;font-size:3.5rem;font-weight:700;line-height:1}.umkm-detail .reviews-section .rating-summary .overall-rating .stars{color:#e9c46a;font-size:1.5rem;margin:10px 0}.umkm-detail .reviews-section .rating-summary .overall-rating .total-reviews{color:#666}.umkm-detail .reviews-section .rating-summary .rating-details{flex:1 1}.umkm-detail .reviews-section .rating-summary .rating-details .rating-bar{align-items:center;display:flex;gap:15px;margin-bottom:15px}.umkm-detail .reviews-section .rating-summary .rating-details .rating-bar .star-count{color:#666;width:60px}.umkm-detail .reviews-section .rating-summary .rating-details .rating-bar .bar-container{background:#f0f0f0;border-radius:5px;flex:1 1;height:10px;overflow:hidden}.umkm-detail .reviews-section .rating-summary .rating-details .rating-bar .bar-container .bar{background:#e9c46a;height:100%}.umkm-detail .reviews-section .rating-summary .rating-details .rating-bar .percentage{color:#666;text-align:right;width:60px}.umkm-detail .reviews-section .review-list .review-card{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000000d;margin-bottom:20px;padding:25px}.umkm-detail .reviews-section .review-list .review-card .review-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.umkm-detail .reviews-section .review-list .review-card .review-header .reviewer{color:#1d3557;font-weight:600}.umkm-detail .reviews-section .review-list .review-card .review-header .rating{color:#e9c46a;font-size:1.2rem}.umkm-detail .reviews-section .review-list .review-card .review-header .date{color:#777;font-size:.9rem}.umkm-detail .reviews-section .review-list .review-card .review-content h4{color:#333;font-size:1.2rem;margin-bottom:10px}.umkm-detail .reviews-section .review-list .review-card .review-content p{color:#555;line-height:1.6}.umkm-detail .reviews-section .add-review{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000000d;margin-top:40px;padding:30px}.umkm-detail .reviews-section .add-review h3{color:#1d3557;font-size:1.5rem;margin-bottom:20px}.umkm-detail .reviews-section .add-review textarea{border:1px solid #ddd;border-radius:8px;font-size:1rem;height:150px;margin-bottom:20px;padding:15px;resize:vertical;width:100%}.umkm-detail .reviews-section .add-review textarea:focus{border-color:#2a9d8f;outline:none}.umkm-detail .reviews-section .add-review .review-controls{align-items:center;display:flex;justify-content:space-between}.umkm-detail .reviews-section .add-review .review-controls .rating-input{align-items:center;display:flex;gap:15px}.umkm-detail .reviews-section .add-review .review-controls .rating-input .stars{display:flex;gap:5px}.umkm-detail .reviews-section .add-review .review-controls .rating-input .stars .star-btn{background:none;border:none;color:#ddd;cursor:pointer;font-size:1.8rem;transition:all .3s ease}.umkm-detail .reviews-section .add-review .review-controls .rating-input .stars .star-btn.active,.umkm-detail .reviews-section .add-review .review-controls .rating-input .stars .star-btn:hover{color:#e9c46a}.umkm-detail .reviews-section .add-review .review-controls .submit-review{background:#2a9d8f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 30px;transition:all .3s ease}.umkm-detail .reviews-section .add-review .review-controls .submit-review:hover{background:#1d3557}.umkm-detail .product-gallery-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.umkm-detail .product-gallery{background:#fff;border-radius:20px;max-height:90vh;max-width:1200px;overflow:hidden;position:relative;width:90%}.umkm-detail .product-gallery .close-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:10}.umkm-detail .product-gallery .close-btn:hover{background:#0003}.umkm-detail .product-gallery .close-btn svg{fill:#fff;height:24px;width:24px}.umkm-detail .product-gallery .gallery-content{display:flex;height:100%}.umkm-detail .product-gallery .gallery-content .product-images{background:#f9f9f9;display:flex;flex:1 1;flex-direction:column;padding:40px}.umkm-detail .product-gallery .gallery-content .product-images .main-image{align-items:center;background:linear-gradient(45deg,#2a9d8f,#e9c46a);border-radius:16px;display:flex;flex:1 1;justify-content:center;overflow:hidden}.umkm-detail .product-gallery .gallery-content .product-images .main-image .placeholder-content{color:#fff;font-size:2rem;font-weight:700;padding:40px;text-align:center}.umkm-detail .product-gallery .gallery-content .product-images .thumbnails{display:flex;gap:15px;margin-top:20px}.umkm-detail .product-gallery .gallery-content .product-images .thumbnails .thumbnail{border:2px solid #0000;border-radius:12px;cursor:pointer;height:80px;overflow:hidden;transition:all .3s ease;width:80px}.umkm-detail .product-gallery .gallery-content .product-images .thumbnails .thumbnail.active{border-color:#2a9d8f}.umkm-detail .product-gallery .gallery-content .product-images .thumbnails .thumbnail .placeholder-content{align-items:center;background:linear-gradient(45deg,#e76f51,#e9c46a);color:#fff;display:flex;font-size:.9rem;height:100%;justify-content:center;padding:10px;text-align:center;width:100%}.umkm-detail .product-gallery .gallery-content .product-details{flex:1 1;overflow-y:auto;padding:40px}.umkm-detail .product-gallery .gallery-content .product-details h2{color:#1d3557;font-size:2rem;margin-bottom:10px}.umkm-detail .product-gallery .gallery-content .product-details .price{color:#e76f51;font-size:1.8rem;font-weight:700;margin-bottom:20px}.umkm-detail .product-gallery .gallery-content .product-details .description p{color:#555;font-size:1.1rem;line-height:1.8;margin-bottom:15px}.umkm-detail .product-gallery .gallery-content .product-details .quantity-control{align-items:center;display:flex;gap:20px;margin:30px 0}.umkm-detail .product-gallery .gallery-content .product-details .quantity-control label{font-size:1.1rem;font-weight:500}.umkm-detail .product-gallery .gallery-content .product-details .quantity-control .quantity-selector{align-items:center;border:1px solid #ddd;border-radius:8px;display:flex;overflow:hidden}.umkm-detail .product-gallery .gallery-content .product-details .quantity-control .quantity-selector button{background:#f5f5f5;border:none;cursor:pointer;font-size:1.2rem;height:40px;transition:all .3s ease;width:40px}.umkm-detail .product-gallery .gallery-content .product-details .quantity-control .quantity-selector button:hover{background:#e0f2f1}.umkm-detail .product-gallery .gallery-content .product-details .quantity-control .quantity-selector span{font-size:1.2rem;font-weight:500;text-align:center;width:50px}.umkm-detail .product-gallery .gallery-content .product-details .total-price{font-size:1.3rem;margin-bottom:30px;text-align:right}.umkm-detail .product-gallery .gallery-content .product-details .total-price span{color:#e76f51;font-weight:700}.umkm-detail .product-gallery .gallery-content .product-details .action-buttons{display:flex;gap:15px;margin-bottom:40px}.umkm-detail .product-gallery .gallery-content .product-details .action-buttons button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:500;padding:15px;transition:all .3s ease}.umkm-detail .product-gallery .gallery-content .product-details .action-buttons button.add-to-cart{background:#f0f0f0;color:#333}.umkm-detail .product-gallery .gallery-content .product-details .action-buttons button.add-to-cart:hover{background:#e0e0e0}.umkm-detail .product-gallery .gallery-content .product-details .action-buttons button.buy-now{background:#2a9d8f;color:#fff}.umkm-detail .product-gallery .gallery-content .product-details .action-buttons button.buy-now:hover{background:#1d3557}.umkm-detail .product-gallery .gallery-content .product-details .additional-info .info-item{align-items:center;background:#f9f9f9;border-radius:12px;display:flex;gap:15px;margin-bottom:15px;padding:15px}.umkm-detail .product-gallery .gallery-content .product-details .additional-info .info-item svg{fill:#2a9d8f;height:24px;width:24px}.umkm-detail .product-gallery .gallery-content .product-details .additional-info .info-item span{color:#555;font-size:1rem}.loading{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center}.loading .spinner{animation:spin 1s linear infinite;border:5px solid #2a9d8f4d;border-radius:50%;border-top-color:#2a9d8f;height:50px;margin-bottom:20px;width:50px}.loading p{color:#555;font-size:1.2rem}@media(max-width:1200px){.umkm-detail .info-section .info-columns{gap:30px;grid-template-columns:1fr}}@media(max-width:992px){.umkm-detail .hero-section{padding:100px 0}.umkm-detail .hero-section .hero-content h1{font-size:2.2rem}.umkm-detail .hero-section .hero-content p{font-size:1.1rem}.umkm-detail .product-gallery{flex-direction:column;max-height:90vh}.umkm-detail .product-gallery .gallery-content{flex-direction:column;overflow-y:auto}.umkm-detail .product-gallery .gallery-content .product-images{padding:20px}.umkm-detail .product-gallery .gallery-content .product-images .main-image{min-height:300px}.umkm-detail .product-gallery .gallery-content .product-details{padding:20px}}@media(max-width:768px){.umkm-detail .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}.umkm-detail .tabs .tab{white-space:nowrap}.umkm-detail .reviews-section .rating-summary{flex-direction:column;gap:30px}}@media(max-width:576px){.umkm-detail .products-section .product-grid{grid-template-columns:1fr}.umkm-detail .action-buttons{flex-direction:column}}.umkm-detail{padding-top:80px}.umkm-detail .hero-section{margin-top:-80px;padding-bottom:120px;padding-top:120px}@media(max-width:768px){.umkm-detail .hero-section{margin-top:-60px;padding-bottom:100px;padding-top:100px}}.umkm-page a,.umkm-page a:hover{text-decoration:none}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes lavaFlow{0%{background-position:0 0}to{background-position:100% 0}}@keyframes smoke{0%{opacity:0;transform:translateY(0) scale(.5)}10%{opacity:.3}to{opacity:0;transform:translateY(-100px) scale(1.5)}}@keyframes waterWave{0%,to{transform:translateX(0) scaleY(1)}50%{transform:translateX(5px) scaleY(.98)}}@keyframes raindropFall{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1}to{opacity:0;transform:translateY(20px)}}@keyframes fishSwim{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}@keyframes leafSway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes birdFly{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes scrollAnimation{0%{opacity:0;transform:translate(-50%)}50%{opacity:1}to{opacity:0;transform:translate(-50%,15px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sejarah-danau-toba{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#1c1c1c;font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}.sejarah-danau-toba .hero-section{align-items:center;background:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1597074866923-dc0589150358?q=80) 50%/cover no-repeat;color:#fff;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;text-align:center}.sejarah-danau-toba .hero-section .hero-content{align-items:center;display:flex;flex-direction:column;max-width:1200px;padding:2rem;position:relative;width:100%;z-index:2}.sejarah-danau-toba .hero-section .hero-content .volcano-container{height:200px;margin-bottom:2rem;position:relative;width:300px}.sejarah-danau-toba .hero-section .hero-content .volcano-container .volcano{height:100%;position:relative;width:100%}.sejarah-danau-toba .hero-section .hero-content .volcano-container .volcano .mountain{background:linear-gradient(180deg,#8a4b08,#5d2906);bottom:0;clip-path:polygon(50% 0,0 100%,100% 100%);height:150px;left:50%;position:absolute;transform:translateX(-50%);width:200px}.sejarah-danau-toba .hero-section .hero-content .volcano-container .volcano .lava-flow{animation:lavaFlow 2s linear infinite;background:linear-gradient(90deg,#ff6b00,#f30,#ff6b00);background-size:200% 100%;border-radius:10px 10px 0 0;bottom:0;height:15px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.sejarah-danau-toba .hero-section .hero-content .volcano-container .volcano .smoke{animation:smoke 4s ease-out infinite;background:#fff3;border-radius:50%;bottom:150px;height:50px;left:50%;position:absolute;width:25px}.sejarah-danau-toba .hero-section .hero-content .volcano-container .volcano .smoke.s1{animation-delay:0s;left:50%;transform:translateX(-50%)}.sejarah-danau-toba .hero-section .hero-content .volcano-container .volcano .smoke.s2{animation-delay:1s;bottom:140px;left:45%}.sejarah-danau-toba .hero-section .hero-content .volcano-container .volcano .smoke.s3{animation-delay:2s;bottom:130px;left:55%}.sejarah-danau-toba .hero-section .hero-content .hero-text{max-width:800px}.sejarah-danau-toba .hero-section .hero-content .hero-text h1{font-family:Merriweather,serif;font-size:3.2rem;margin-bottom:1rem;text-shadow:2px 2px 8px #000000b3}.sejarah-danau-toba .hero-section .hero-content .hero-text p{font-size:1.5rem;margin:0 auto 2rem;max-width:600px;text-shadow:1px 1px 3px #000000b3}.sejarah-danau-toba .hero-section .scroll-indicator{align-items:center;animation:fadeInUp 1s ease-out .4s forwards;bottom:40px;display:flex;flex-direction:column;left:50%;opacity:0;position:absolute;transform:translateX(-50%)}.sejarah-danau-toba .hero-section .scroll-indicator .mouse{border:2px solid #fff;border-radius:14px;height:45px;margin-bottom:10px;position:relative;width:28px}.sejarah-danau-toba .hero-section .scroll-indicator .mouse .wheel{animation:scrollAnimation 2s infinite;background:#fff;border-radius:2px;height:8px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:3px}.sejarah-danau-toba .hero-section .scroll-indicator span{color:#fff;font-size:.9rem}.sejarah-danau-toba .container{margin:0 auto;max-width:1200px;padding:5rem 2rem}.sejarah-danau-toba .section-header{margin-bottom:3rem;text-align:center}.sejarah-danau-toba .section-header h2{color:#1a5fb4;font-family:Merriweather,serif;font-size:2.5rem;margin-bottom:1.5rem;padding-bottom:1rem;position:relative}.sejarah-danau-toba .section-header h2 span{color:#2ec27e}.sejarah-danau-toba .section-header .divider{background:#2ec27e;border-radius:2px;height:4px;margin:0 auto;width:100px}.sejarah-danau-toba .section-description{font-size:1.1rem;line-height:1.8;margin:0 auto 3rem;max-width:800px;text-align:center}.sejarah-danau-toba .introduction .content-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin-bottom:3rem}.sejarah-danau-toba .introduction .content-wrapper .lake-illustration{animation:floating 6s ease-in-out infinite;height:250px;position:relative;width:250px}.sejarah-danau-toba .introduction .content-wrapper .lake-illustration .island{background:linear-gradient(180deg,#2ec27e,#1a7c48);border-radius:50% 50% 0 0;height:60%;left:0;position:absolute;top:0;width:100%;z-index:2}.sejarah-danau-toba .introduction .content-wrapper .lake-illustration .water{background:linear-gradient(180deg,#1a5fb4,#0d3e7a);border-radius:50%;bottom:0;height:50%;left:0;position:absolute;width:100%;z-index:1}.sejarah-danau-toba .introduction .content-wrapper .lake-illustration .reflection{animation:waterWave 3s ease-in-out infinite;background:#fff3;border-radius:50%;bottom:10px;height:20px;left:10%;position:absolute;width:80%}.sejarah-danau-toba .introduction .content-wrapper .description{flex:1 1;max-width:600px;min-width:300px}.sejarah-danau-toba .introduction .content-wrapper .description p{font-size:1.1rem;line-height:1.8}.sejarah-danau-toba .stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem auto;max-width:1000px}.sejarah-danau-toba .stats-grid .stat-card{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .4s ease;z-index:1}.sejarah-danau-toba .stats-grid .stat-card:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.sejarah-danau-toba .stats-grid .stat-card .stat-icon{align-items:center;background:#1a5fb4;border-radius:50%;color:#fff;display:flex;font-size:1.8rem;height:70px;justify-content:center;margin:0 auto 1.5rem;position:relative;width:70px}.sejarah-danau-toba .stats-grid .stat-card .stat-icon.lake:after{content:"🌊"}.sejarah-danau-toba .stats-grid .stat-card .stat-icon.depth:after{content:"📏"}.sejarah-danau-toba .stats-grid .stat-card .stat-icon.volcano:after{content:"🌋"}.sejarah-danau-toba .stats-grid .stat-card h3{color:#1a5fb4;font-size:2rem;margin:.5rem 0}.sejarah-danau-toba .stats-grid .stat-card p{color:#666;font-size:1.1rem}.sejarah-danau-toba .timeline{margin:5rem auto 3rem;max-width:900px;position:relative}.sejarah-danau-toba .timeline:before{background:linear-gradient(180deg,#1a5fb4,#2ec27e);bottom:0;content:"";left:50%;margin-left:-2px;position:absolute;top:0;width:4px;z-index:0}.sejarah-danau-toba .timeline .timeline-item{margin-bottom:4rem;opacity:0;position:relative;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.sejarah-danau-toba .timeline .timeline-item.animate{opacity:1;transform:translateY(0)}.sejarah-danau-toba .timeline .timeline-item .timeline-marker{align-items:center;background:#fff;border:4px solid #1a5fb4;border-radius:50%;box-shadow:0 0 0 4px #2a7ae433;display:flex;height:26px;justify-content:center;left:50%;position:absolute;top:0;transform:translateX(-50%);width:26px;z-index:1}.sejarah-danau-toba .timeline .timeline-item .timeline-marker .inner-circle{background:#2ec27e;border-radius:50%;height:10px;width:10px}.sejarah-danau-toba .timeline .timeline-item .timeline-content{background:#fff;border-radius:12px;box-shadow:0 6px 25px #0000001a;overflow:hidden;padding:1.8rem;position:relative;width:calc(50% - 50px)}.sejarah-danau-toba .timeline .timeline-item .timeline-content:before{background:linear-gradient(180deg,#1a5fb4,#2ec27e);content:"";height:100%;left:0;position:absolute;top:0;width:5px}.sejarah-danau-toba .timeline .timeline-item .timeline-content .eruption-scale{height:100%;opacity:.1;position:absolute;right:0;top:0;width:50px;z-index:0}.sejarah-danau-toba .timeline .timeline-item .timeline-content .eruption-scale.hdt{background:#2ec27e;height:20%}.sejarah-danau-toba .timeline .timeline-item .timeline-content .eruption-scale.ott{background:#1a5fb4;height:40%}.sejarah-danau-toba .timeline .timeline-item .timeline-content .eruption-scale.mtt{background:#e66100;height:15%}.sejarah-danau-toba .timeline .timeline-item .timeline-content .eruption-scale.ytt{background:#f30;height:100%}.sejarah-danau-toba .timeline .timeline-item .timeline-content h3{color:#1a5fb4;font-size:1.5rem;margin-bottom:.8rem;margin-top:0;position:relative;z-index:1}.sejarah-danau-toba .timeline .timeline-item .timeline-content .timeline-date{background:linear-gradient(90deg,#1a5fb4,#2ec27e);border-radius:30px;color:#fff;display:inline-block;font-size:.95rem;font-weight:600;margin-bottom:1rem;padding:.4rem 1.2rem;position:relative;z-index:1}.sejarah-danau-toba .timeline .timeline-item .timeline-content p{font-size:1rem;margin-bottom:0;position:relative;z-index:1}.sejarah-danau-toba .timeline .timeline-item:nth-child(odd) .timeline-content{left:0}.sejarah-danau-toba .timeline .timeline-item:nth-child(2n) .timeline-content{left:calc(50% + 50px)}.sejarah-danau-toba .eruption-details{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-left:auto;margin-right:auto;margin-top:4rem;max-width:1200px}.sejarah-danau-toba .eruption-details .eruption-card{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:all .4s ease}.sejarah-danau-toba .eruption-details .eruption-card .card-glow{background:radial-gradient(circle at center,#2a7ae41a 0,#0000 70%);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:0}.sejarah-danau-toba .eruption-details .eruption-card:hover{box-shadow:0 12px 35px #00000026;transform:translateY(-8px)}.sejarah-danau-toba .eruption-details .eruption-card:hover .card-glow{opacity:1}.sejarah-danau-toba .eruption-details .eruption-card h3{color:#1c1c1c;font-size:1.6rem;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative;z-index:1}.sejarah-danau-toba .eruption-details .eruption-card h3:after{background:#e66100;border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.sejarah-danau-toba .eruption-details .eruption-card p{font-size:1.05rem;line-height:1.7;margin-bottom:2rem;position:relative;z-index:1}.sejarah-danau-toba .eruption-details .eruption-card .lava-animation{animation:lavaFlow 2s linear infinite;background:linear-gradient(90deg,#ff6b00,#f30,#ff6b00);background-size:200% 100%;bottom:0;height:4px;left:0;position:absolute;width:100%}.sejarah-danau-toba .samosir-formation .samosir-content{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;margin:0 auto;max-width:1200px}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-text{flex:1 1;max-width:600px;min-width:300px}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-text p{font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-text .formation-steps{padding-left:0}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-text .formation-steps li{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem;padding-left:0;position:relative}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-text .formation-steps li .step-marker{align-items:center;background:#1a5fb4;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:30px;justify-content:center;margin-top:5px;min-width:30px}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-text .formation-steps li .step-content{flex:1 1;font-size:1.05rem}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-diagram-container{display:flex;flex:1 1;justify-content:center;max-width:500px;min-width:300px}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-diagram-container .samosir-diagram{border-radius:15px;box-shadow:0 15px 35px #00000026;height:350px;max-width:350px;overflow:hidden;position:relative;width:100%}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-diagram-container .samosir-diagram .water-layer{background:linear-gradient(180deg,#1a5fb4,#0d3e7a);bottom:0;height:60%;overflow:hidden;position:absolute;width:100%;z-index:1}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-diagram-container .samosir-diagram .water-layer .water{background:#ffffff1a;height:100%;left:0;position:absolute;top:0;width:100%}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-diagram-container .samosir-diagram .island{bottom:60%;height:180px;left:50%;position:absolute;transform:translateX(-50%);width:200px;z-index:2}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-diagram-container .samosir-diagram .island .mountain{background:linear-gradient(180deg,#2ec27e,#1a7c48);bottom:0;clip-path:polygon(50% 0,0 100%,100% 100%);height:150px;left:50%;position:absolute;transform:translateX(-50%);width:180px}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-diagram-container .samosir-diagram .island .sediment-layer{background:#c9b7a7;bottom:0;height:30px;left:0;position:absolute;width:100%}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-diagram-container .samosir-diagram .depth-indicator{align-items:center;bottom:0;display:flex;flex-direction:column;height:60%;left:20px;position:absolute;z-index:3}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-diagram-container .samosir-diagram .depth-indicator .line{background:linear-gradient(0deg,#fff,#0000);height:100%;width:2px}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-diagram-container .samosir-diagram .depth-indicator .label{background:#fff;border-radius:20px;box-shadow:0 2px 5px #0000001a;font-size:.8rem;margin-top:.5rem;padding:.3rem .8rem}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-diagram-container .samosir-diagram .surface-label{background:#ffffffb3;border-radius:20px;font-size:.9rem;left:50%;padding:.3rem 1rem;position:absolute;top:40%;transform:translateX(-50%);z-index:3}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-diagram-container .samosir-diagram .elevation-label{background:#ffffffb3;border-radius:20px;font-size:.9rem;left:50%;padding:.3rem 1rem;position:absolute;top:20%;transform:translateX(-50%);z-index:3}.sejarah-danau-toba .samosir-formation .samosir-content .samosir-diagram-container .samosir-diagram .sediment-label{background:#ffffffb3;border-radius:20px;bottom:65%;font-size:.9rem;left:50%;padding:.3rem 1rem;position:absolute;transform:translateX(-50%);z-index:3}.sejarah-danau-toba .water-origin{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1000px}.sejarah-danau-toba .water-origin .water-source{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;transition:all .4s ease}.sejarah-danau-toba .water-origin .water-source:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-8px)}.sejarah-danau-toba .water-origin .water-source .icon-container{height:90px;margin:0 auto 1.5rem;position:relative;width:90px}.sejarah-danau-toba .water-origin .water-source .icon-container .icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:100%;justify-content:center;position:relative;width:100%}.sejarah-danau-toba .water-origin .water-source .icon-container .icon.rainfall{background:#1a5fb4}.sejarah-danau-toba .water-origin .water-source .icon-container .icon.rainfall .raindrop{animation:raindropFall 2s linear infinite;background:#fff;border-radius:50% 50% 0 50%;height:6px;position:absolute;transform:rotate(-45deg);width:6px}.sejarah-danau-toba .water-origin .water-source .icon-container .icon.rainfall .raindrop.r1{animation-delay:0s;left:30%;top:15%}.sejarah-danau-toba .water-origin .water-source .icon-container .icon.rainfall .raindrop.r2{animation-delay:.5s;left:60%;top:5%}.sejarah-danau-toba .water-origin .water-source .icon-container .icon.rainfall .raindrop.r3{animation-delay:1s;left:45%;top:10%}.sejarah-danau-toba .water-origin .water-source .icon-container .icon.river{background:#2ec27e}.sejarah-danau-toba .water-origin .water-source .icon-container .icon.river .water-flow{animation:waterWave 3s linear infinite;background:#ffffff4d;height:15px;left:0;position:absolute;top:50%;width:100%}.sejarah-danau-toba .water-origin .water-source .icon-container .icon.outlet{background:#e66100}.sejarah-danau-toba .water-origin .water-source .icon-container .icon.outlet .water-flow{animation:waterWave 3s linear infinite reverse;background:#ffffff4d;height:15px;left:0;position:absolute;top:50%;width:100%}.sejarah-danau-toba .water-origin .water-source h3{color:#1a5fb4;font-size:1.5rem;margin:1rem 0 .8rem}.sejarah-danau-toba .water-origin .water-source p{font-size:1.05rem;line-height:1.6}.sejarah-danau-toba .aftermath{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;margin:0 auto;max-width:1200px;padding:4rem 2rem}.sejarah-danau-toba .aftermath .impact-section{margin-bottom:3rem}.sejarah-danau-toba .aftermath .impact-section h3{color:#1a5fb4;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.sejarah-danau-toba .aftermath .impact-section .impact-content ul{margin:0 auto;max-width:800px;padding-left:1.5rem}.sejarah-danau-toba .aftermath .impact-section .impact-content ul li{font-size:1.1rem;line-height:1.6;margin-bottom:1rem;padding-left:1.8rem;position:relative}.sejarah-danau-toba .aftermath .impact-section .impact-content ul li:before{background:#e66100;border-radius:50%;content:"";height:10px;left:0;position:absolute;top:8px;width:10px}.sejarah-danau-toba .aftermath .recovery-section h3{color:#1a5fb4;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.sejarah-danau-toba .aftermath .recovery-section p{font-size:1.1rem;line-height:1.8;margin:0 auto 2rem;max-width:800px;text-align:center}.sejarah-danau-toba .aftermath .recovery-section .species-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-left:auto;margin-right:auto;margin-top:1.5rem;max-width:800px}.sejarah-danau-toba .aftermath .recovery-section .species-grid .species-card{background:#f5f7fa;border-radius:15px;box-shadow:0 6px 20px #00000014;padding:2rem 1.5rem;text-align:center;transition:all .4s ease}.sejarah-danau-toba .aftermath .recovery-section .species-grid .species-card:hover{box-shadow:0 12px 30px #0000001f;transform:translateY(-8px)}.sejarah-danau-toba .aftermath .recovery-section .species-grid .species-card .species-icon{align-items:center;background:#fff;border-radius:50%;display:flex;height:90px;justify-content:center;margin:0 auto 1.5rem;position:relative;width:90px}.sejarah-danau-toba .aftermath .recovery-section .species-grid .species-card .species-icon.fish .fish-body{animation:fishSwim 3s ease-in-out infinite;background:#1a5fb4;border-radius:50%;height:25px;position:relative;width:50px}.sejarah-danau-toba .aftermath .recovery-section .species-grid .species-card .species-icon.fish .fish-body:before{background:#1a5fb4;clip-path:polygon(100% 50%,0 0,0 100%);content:"";height:15px;position:absolute;right:-8px;top:8px;width:15px}.sejarah-danau-toba .aftermath .recovery-section .species-grid .species-card .species-icon.plant .leaf{animation:leafSway 4s ease-in-out infinite;background:#2ec27e;border-radius:50% 50% 50% 0;height:18px;position:absolute;transform-origin:bottom center;width:35px}.sejarah-danau-toba .aftermath .recovery-section .species-grid .species-card .species-icon.plant .leaf.l1{left:20px;top:20px;transform:rotate(45deg)}.sejarah-danau-toba .aftermath .recovery-section .species-grid .species-card .species-icon.plant .leaf.l2{animation-delay:1s;left:40px;top:30px;transform:rotate(0deg)}.sejarah-danau-toba .aftermath .recovery-section .species-grid .species-card .species-icon.plant .leaf.l3{animation-delay:2s;left:60px;top:20px;transform:rotate(-45deg)}.sejarah-danau-toba .aftermath .recovery-section .species-grid .species-card .species-icon.bird .body{background:#e66100;border-radius:50%;height:22px;left:30px;position:absolute;top:35px;width:35px}.sejarah-danau-toba .aftermath .recovery-section .species-grid .species-card .species-icon.bird .wing{animation:birdFly 2s ease-in-out infinite;background:#e66100;border-radius:50%;height:12px;left:25px;position:absolute;top:30px;transform-origin:right center;width:25px}.sejarah-danau-toba .aftermath .recovery-section .species-grid .species-card h4{color:#1a5fb4;font-size:1.3rem;margin:1rem 0 .5rem}.sejarah-danau-toba .aftermath .recovery-section .species-grid .species-card p{font-size:1rem;margin:0}.sejarah-danau-toba .conclusion{margin:0 auto;max-width:1000px;padding:3rem 0}.sejarah-danau-toba .conclusion .conclusion-content{text-align:center}.sejarah-danau-toba .conclusion .conclusion-content p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}@media(max-width:992px){.sejarah-danau-toba .hero-content .hero-text h1{font-size:2.8rem}.sejarah-danau-toba .hero-content .hero-text p{font-size:1.3rem}.sejarah-danau-toba .timeline .timeline-item .timeline-marker,.sejarah-danau-toba .timeline:before{left:30px}.sejarah-danau-toba .timeline .timeline-item .timeline-content{margin-left:80px;width:calc(100% - 80px)}.sejarah-danau-toba .timeline .timeline-item:nth-child(2n) .timeline-content{left:0}}@media(max-width:768px){.sejarah-danau-toba .hero-section .hero-content .volcano-container{height:170px;width:250px}.sejarah-danau-toba .hero-section .hero-content .volcano-container .volcano .mountain{height:130px;width:180px}.sejarah-danau-toba .hero-section .hero-content .hero-text h1{font-size:2.3rem}.sejarah-danau-toba .hero-section .hero-content .hero-text p{font-size:1.1rem}.sejarah-danau-toba .section-header h2{font-size:2rem}.sejarah-danau-toba .introduction .content-wrapper{flex-direction:column;text-align:center}.sejarah-danau-toba .timeline .timeline-item .timeline-content{padding:1.5rem}.sejarah-danau-toba .samosir-formation .samosir-content{flex-direction:column;text-align:center}.sejarah-danau-toba .samosir-formation .samosir-content .formation-steps li{align-items:center;flex-direction:column;text-align:center}.sejarah-danau-toba .samosir-formation .samosir-content .formation-steps li .step-content{max-width:100%}}@media(max-width:576px){.sejarah-danau-toba .eruption-details,.sejarah-danau-toba .stats-grid,.sejarah-danau-toba .water-origin{grid-template-columns:1fr}.sejarah-danau-toba .hero-section .hero-content .volcano-container{height:140px;width:200px}.sejarah-danau-toba .conclusion{padding:2rem 0}}.berita-desa{padding-top:0}.berita-desa .berita-hero{align-items:center;background:linear-gradient(#000000b3,#000000b3);background-position:50%;background-size:cover;color:#fff;display:flex;height:60vh;justify-content:center;margin-bottom:60px;position:relative;text-align:center}.berita-desa .berita-hero .hero-content{max-width:800px;padding:0 20px}.berita-desa .berita-hero .hero-content h1{font-size:3.5rem;margin-bottom:20px;text-shadow:0 2px 10px #0000004d}@media(max-width:768px){.berita-desa .berita-hero .hero-content h1{font-size:2.5rem}}.berita-desa .berita-hero .hero-content p{font-size:1.5rem;margin-bottom:30px;opacity:.9}@media(max-width:768px){.berita-desa .berita-hero .hero-content p{font-size:1.2rem}}.berita-desa .berita-hero .hero-content .search-container{align-items:center;display:flex;flex-direction:column;gap:20px}.berita-desa .berita-hero .hero-content .search-container .search-box{align-items:center;background:#fff;border-radius:50px;box-shadow:0 5px 15px #0000001a;display:flex;max-width:600px;padding:8px 20px;width:100%}.berita-desa .berita-hero .hero-content .search-container .search-box .search-icon{color:#333;font-size:1.2rem;margin-right:10px}.berita-desa .berita-hero .hero-content .search-container .search-box input{background:#0000;border:none;flex:1 1;font-size:1.1rem;padding:10px 0}.berita-desa .berita-hero .hero-content .search-container .search-box input:focus{outline:none}.berita-desa .berita-hero .hero-content .search-container .filter-toggle{background:#fff3;border:1px solid #ffffff4d;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 20px;transition:all .3s ease}.berita-desa .berita-hero .hero-content .search-container .filter-toggle:hover{background:#ffffff4d}.berita-desa .filters-section{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000001a;margin:0 auto 40px;max-width:1200px;overflow:hidden;padding:25px}.berita-desa .filters-section .filter-group{margin-bottom:25px}.berita-desa .filters-section .filter-group:last-child{margin-bottom:0}.berita-desa .filters-section .filter-group h4{color:#264653;font-size:1.2rem;margin-bottom:15px}.berita-desa .filters-section .filter-group .category-buttons,.berita-desa .filters-section .filter-group .sort-buttons{display:flex;flex-wrap:wrap;gap:10px}.berita-desa .filters-section .filter-group .category-buttons button,.berita-desa .filters-section .filter-group .sort-buttons button{background:#f8f9fa;border:none;border-radius:50px;cursor:pointer;font-size:1rem;padding:8px 20px;transition:all .3s ease}.berita-desa .filters-section .filter-group .category-buttons button.active,.berita-desa .filters-section .filter-group .category-buttons button:hover,.berita-desa .filters-section .filter-group .sort-buttons button.active,.berita-desa .filters-section .filter-group .sort-buttons button:hover{background:#2a9d8f;color:#fff}.berita-desa .berita-container{margin:0 auto;max-width:1400px;padding:0 20px}.berita-desa .berita-container .loading-indicator{padding:60px 0;text-align:center}.berita-desa .berita-container .loading-indicator .spinner{animation:spin 1s linear infinite;border:5px solid #2a9d8f4d;border-radius:50%;border-top-color:#2a9d8f;height:60px;margin:0 auto 20px;width:60px}.berita-desa .berita-container .loading-indicator p{color:#333;font-size:1.1rem}.berita-desa .berita-container .no-results{padding:80px 0;text-align:center}.berita-desa .berita-container .no-results h3{color:#264653;margin-bottom:15px}.berita-desa .berita-container .no-results p{color:#333;margin-bottom:25px}.berita-desa .berita-container .no-results .reset-btn{background:#2a9d8f;border:none;border-radius:50px;box-shadow:0 5px 15px #0000001a;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px 30px;transition:all .3s ease}.berita-desa .berita-container .no-results .reset-btn:hover{background:#1f756a}.berita-desa .berita-container .berita-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:60px}@media(max-width:768px){.berita-desa .berita-container .berita-grid{grid-template-columns:1fr}}.berita-desa .berita-container .berita-grid .berita-card{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.berita-desa .berita-container .berita-grid .berita-card .card-header .card-image{background-position:50%;background-size:cover;height:200px;position:relative;transition:all .3s ease}.berita-desa .berita-container .berita-grid .berita-card .card-header .card-image .category-tag{align-items:center;background:#2a9d8f;border-radius:50px;color:#fff;display:flex;font-size:.9rem;gap:5px;left:15px;padding:5px 15px;position:absolute;top:15px}.berita-desa .berita-container .berita-grid .berita-card .card-header .card-meta{background:#f8f9fa;color:#333;display:flex;font-size:.9rem;justify-content:space-between;padding:15px 20px}.berita-desa .berita-container .berita-grid .berita-card .card-header .card-meta .meta-item{align-items:center;display:flex;gap:5px}.berita-desa .berita-container .berita-grid .berita-card .card-body{flex:1 1;padding:20px}.berita-desa .berita-container .berita-grid .berita-card .card-body h3{color:#264653;font-size:1.4rem;line-height:1.4;margin-bottom:15px}.berita-desa .berita-container .berita-grid .berita-card .card-body p{color:#333;line-height:1.6}.berita-desa .berita-container .berita-grid .berita-card .card-footer{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.berita-desa .berita-container .berita-grid .berita-card .card-footer .action-buttons{display:flex;gap:10px}.berita-desa .berita-container .berita-grid .berita-card .card-footer .action-buttons button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.berita-desa .berita-container .berita-grid .berita-card .card-footer .action-buttons button.bookmark-btn{background:#f0f0f0;color:#333}.berita-desa .berita-container .berita-grid .berita-card .card-footer .action-buttons button.bookmark-btn.bookmarked,.berita-desa .berita-container .berita-grid .berita-card .card-footer .action-buttons button.bookmark-btn:hover{background:#e9c46a;color:#fff}.berita-desa .berita-container .berita-grid .berita-card .card-footer .action-buttons button.share-btn{background:#f0f0f0;color:#333}.berita-desa .berita-container .berita-grid .berita-card .card-footer .action-buttons button.share-btn:hover{background:#2a9d8f;color:#fff}.berita-desa .berita-container .berita-grid .berita-card .card-footer .read-more{align-items:center;color:#2a9d8f;display:flex;font-weight:600;gap:8px;text-decoration:none;transition:all .3s ease}.berita-desa .berita-container .berita-grid .berita-card .card-footer .read-more:hover{color:#264653;gap:12px}.berita-desa .berita-container .berita-grid .berita-card:hover .card-image{transform:scale(1.05)}.berita-desa .highlight-section{margin:0 auto 60px;max-width:1400px;padding:0 20px}.berita-desa .highlight-section h2{color:#264653;margin-bottom:40px;position:relative;text-align:center}.berita-desa .highlight-section h2:after{background:#e76f51;border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.berita-desa .highlight-section .highlight-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}@media(max-width:768px){.berita-desa .highlight-section .highlight-grid{grid-template-columns:1fr}}.berita-desa .highlight-section .highlight-grid .highlight-card{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000001a;display:flex;height:250px;overflow:hidden;transition:all .3s ease}.berita-desa .highlight-section .highlight-grid .highlight-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.berita-desa .highlight-section .highlight-grid .highlight-card .highlight-image{background-position:50%;background-size:cover;transition:all .3s ease;width:40%}.berita-desa .highlight-section .highlight-grid .highlight-card .highlight-content{display:flex;flex-direction:column;padding:25px;width:60%}.berita-desa .highlight-section .highlight-grid .highlight-card .highlight-content .highlight-meta{display:flex;font-size:.9rem;gap:15px;margin-bottom:15px}.berita-desa .highlight-section .highlight-grid .highlight-card .highlight-content .highlight-meta .category{background:#2a9d8f;border-radius:50px;color:#fff;padding:3px 12px}.berita-desa .highlight-section .highlight-grid .highlight-card .highlight-content .highlight-meta .date{color:#333}.berita-desa .highlight-section .highlight-grid .highlight-card .highlight-content h3{color:#264653;font-size:1.3rem;line-height:1.4;margin-bottom:10px}.berita-desa .highlight-section .highlight-grid .highlight-card .highlight-content p{color:#333;flex:1 1;font-size:.95rem;margin-bottom:15px}.berita-desa .highlight-section .highlight-grid .highlight-card .highlight-content .read-more{align-items:center;color:#2a9d8f;display:flex;font-weight:600;gap:8px;text-decoration:none;transition:all .3s ease}.berita-desa .highlight-section .highlight-grid .highlight-card .highlight-content .read-more:hover{color:#264653;gap:12px}.berita-desa .newsletter-section{background:linear-gradient(135deg,#2a9d8f,#264653);color:#fff;padding:60px 20px;text-align:center}.berita-desa .newsletter-section .newsletter-content{margin:0 auto;max-width:700px}.berita-desa .newsletter-section .newsletter-content h2{font-size:2.2rem;margin-bottom:15px}.berita-desa .newsletter-section .newsletter-content p{font-size:1.1rem;margin-bottom:30px;opacity:.9}.berita-desa .newsletter-section .newsletter-content .newsletter-form{box-shadow:0 5px 15px #0000001a;display:flex;margin:0 auto 20px;max-width:500px}.berita-desa .newsletter-section .newsletter-content .newsletter-form input{border:none;border-radius:50px 0 0 50px;flex:1 1;font-size:1rem;padding:15px 20px}.berita-desa .newsletter-section .newsletter-content .newsletter-form input:focus{outline:none}.berita-desa .newsletter-section .newsletter-content .newsletter-form button{background:#e76f51;border:none;border-radius:0 50px 50px 0;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:0 30px;transition:all .3s ease}.berita-desa .newsletter-section .newsletter-content .newsletter-form button:hover{background:#e14a24}.berita-desa .newsletter-section .newsletter-content .privacy-note{align-items:center;display:flex;font-size:.9rem;gap:10px;justify-content:center}.berita-desa .newsletter-section .newsletter-content .privacy-note input{margin-right:5px}.berita-detail .loading-detail{align-items:center;display:flex;justify-content:center;min-height:100vh}.berita-detail .loading-detail .spinner{animation:spin 1s linear infinite;border:6px solid #2a9d8f4d;border-radius:50%;border-top-color:#2a9d8f;height:60px;width:60px}.berita-detail .detail-header{background:#264653;padding:20px 0}.berita-detail .detail-header .container{margin:0 auto;max-width:1200px;padding:0 20px}.berita-detail .detail-header .container .back-button{align-items:center;background:#ffffff1a;border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:8px;padding:10px 20px;transition:all .3s ease}.berita-detail .detail-header .container .back-button:hover{background:#fff3}.berita-detail .detail-container{display:flex;gap:40px;margin:0 auto;max-width:1200px;padding:40px 20px}@media(max-width:992px){.berita-detail .detail-container{flex-direction:column}}.berita-detail .detail-container .detail-content{flex:2 1}.berita-detail .detail-container .detail-content .detail-meta{border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.berita-detail .detail-container .detail-content .detail-meta .meta-left{color:#333;display:flex;font-size:.95rem;gap:20px}.berita-detail .detail-container .detail-content .detail-meta .meta-left .category{align-items:center;background:#2a9d8f;border-radius:50px;color:#fff;display:flex;gap:5px;padding:5px 15px}.berita-detail .detail-container .detail-content .detail-meta .meta-right{display:flex;gap:15px}.berita-detail .detail-container .detail-content .detail-meta .meta-right .bookmark-btn{align-items:center;background:#f0f0f0;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:.95rem;gap:8px;padding:8px 15px;transition:all .3s ease}.berita-detail .detail-container .detail-content .detail-meta .meta-right .bookmark-btn.bookmarked,.berita-detail .detail-container .detail-content .detail-meta .meta-right .bookmark-btn:hover{background:#e9c46a;color:#fff}.berita-detail .detail-container .detail-content .detail-meta .meta-right .share-dropdown{position:relative}.berita-detail .detail-container .detail-content .detail-meta .meta-right .share-dropdown .share-btn{align-items:center;background:#f0f0f0;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:.95rem;gap:8px;padding:8px 15px;transition:all .3s ease}.berita-detail .detail-container .detail-content .detail-meta .meta-right .share-dropdown .share-btn:hover{background:#2a9d8f;color:#fff}.berita-detail .detail-container .detail-content .detail-meta .meta-right .share-dropdown .share-options{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000001a;display:none;padding:10px;position:absolute;right:0;top:100%;width:160px;z-index:100}.berita-detail .detail-container .detail-content .detail-meta .meta-right .share-dropdown .share-options button{align-items:center;background:none;border:none;border-radius:5px;cursor:pointer;display:flex;gap:10px;padding:10px;text-align:left;transition:all .3s ease;width:100%}.berita-detail .detail-container .detail-content .detail-meta .meta-right .share-dropdown .share-options button:hover{background:#f8f9fa}.berita-detail .detail-container .detail-content .detail-meta .meta-right .share-dropdown:hover .share-options{display:block}.berita-detail .detail-container .detail-content .detail-title{color:#264653;font-size:2.2rem;line-height:1.3;margin-bottom:20px}.berita-detail .detail-container .detail-content .detail-excerpt{border-bottom:1px solid #eee;color:#333;font-size:1.1rem;line-height:1.7;margin-bottom:30px;padding-bottom:20px}.berita-detail .detail-container .detail-content .detail-image{border-radius:16px;box-shadow:0 5px 15px #0000001a;height:500px;margin-bottom:40px}@media(max-width:768px){.berita-detail .detail-container .detail-content .detail-image{height:300px}}.berita-detail .detail-container .detail-content .detail-body{color:#333;font-size:1.1rem;line-height:1.8}.berita-detail .detail-container .detail-content .detail-body p{margin-bottom:25px}.berita-detail .detail-container .detail-sidebar{flex:1 1}.berita-detail .detail-container .detail-sidebar .sidebar-section{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000001a;margin-bottom:30px;padding:25px}.berita-detail .detail-container .detail-sidebar .sidebar-section h3{border-bottom:2px solid #2a9d8f;color:#264653;margin-bottom:20px;padding-bottom:10px}.berita-detail .detail-container .detail-sidebar .sidebar-section .related-news .related-card{border-bottom:1px solid #eee;display:flex;gap:15px;margin-bottom:20px;padding-bottom:20px;text-decoration:none;transition:all .3s ease}.berita-detail .detail-container .detail-sidebar .sidebar-section .related-news .related-card:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.berita-detail .detail-container .detail-sidebar .sidebar-section .related-news .related-card:hover .related-content h4{color:#2a9d8f}.berita-detail .detail-container .detail-sidebar .sidebar-section .related-news .related-card .related-image{background-position:50%;background-size:cover;border-radius:10px;flex-shrink:0;height:80px;width:100px}.berita-detail .detail-container .detail-sidebar .sidebar-section .related-news .related-card .related-content .related-category{background:#2a9d8f;border-radius:50px;color:#fff;display:inline-block;font-size:.8rem;margin-bottom:5px;padding:3px 10px}.berita-detail .detail-container .detail-sidebar .sidebar-section .related-news .related-card .related-content h4{color:#264653;font-size:1rem;line-height:1.4;margin-bottom:5px;transition:all .3s ease}.berita-detail .detail-container .detail-sidebar .sidebar-section .related-news .related-card .related-content .related-date{color:#333;font-size:.85rem}.berita-detail .detail-container .detail-sidebar .sidebar-section .popular-categories{display:flex;flex-wrap:wrap;gap:10px}.berita-detail .detail-container .detail-sidebar .sidebar-section .popular-categories .category-btn{background:#f8f9fa;border:none;border-radius:50px;cursor:pointer;font-size:.95rem;padding:8px 15px;transition:all .3s ease}.berita-detail .detail-container .detail-sidebar .sidebar-section .popular-categories .category-btn:hover{background:#2a9d8f;color:#fff}.berita-detail .detail-container .detail-sidebar .sidebar-section.newsletter-sidebar{background:linear-gradient(135deg,#2a9d8f,#264653);color:#fff}.berita-detail .detail-container .detail-sidebar .sidebar-section.newsletter-sidebar h3{border-bottom:2px solid #ffffff4d;color:#fff}.berita-detail .detail-container .detail-sidebar .sidebar-section.newsletter-sidebar form{display:flex;flex-direction:column;gap:15px}.berita-detail .detail-container .detail-sidebar .sidebar-section.newsletter-sidebar form input{border:none;border-radius:50px;font-family:inherit;padding:12px 15px}.berita-detail .detail-container .detail-sidebar .sidebar-section.newsletter-sidebar form input:focus{outline:none}.berita-detail .detail-container .detail-sidebar .sidebar-section.newsletter-sidebar form button{background:#e76f51;border:none;border-radius:50px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .3s ease}.berita-detail .detail-container .detail-sidebar .sidebar-section.newsletter-sidebar form button:hover{background:#e14a24}@keyframes spin{to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#264653;font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden;scroll-behavior:smooth}.container{margin:0 auto;max-width:1200px;width:90%}section{overflow:hidden;padding:100px 0;position:relative}.section-title{margin-bottom:60px;position:relative;text-align:center;z-index:2}.section-title h2{color:#2a9d8f;display:inline-block;font-size:2.8rem;margin-bottom:15px;position:relative}.section-title h2:after{background:#e76f51;border-radius:3px;bottom:-15px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.section-title p{color:#333;font-size:1.2rem;margin-left:auto;margin-right:auto;margin-top:25px;max-width:700px}.btn{background:#2a9d8f;border:none;border-radius:50px;box-shadow:0 5px 15px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:600;padding:14px 35px;text-decoration:none;transition:all .3s ease}.btn:hover{background:#1f756a;box-shadow:0 10px 20px #00000026;transform:translateY(-3px)}.header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000;left:0;padding:25px 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a9d8f;box-shadow:0 5px 20px #0000001a;padding:15px 0}.header .container{align-items:center;display:flex;justify-content:space-between}.header .logo{color:#fff;display:flex;flex-direction:column;font-size:1.8rem;font-weight:700;line-height:1.2}.header .logo span{font-weight:800;letter-spacing:1px}.header .logo small{font-size:.9rem;font-weight:400;opacity:.8}.scrolled .header .logo{color:#264653}.header .nav{display:flex;gap:35px}.header .nav a{color:#fff;font-size:1.1rem;font-weight:500;padding:5px 0;position:relative;text-decoration:none;transition:all .3s ease}.header .nav a:after{background:#e76f51;border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;transition:all .3s ease;width:0}.header .nav a.active:after,.header .nav a:hover:after{width:100%}.header .nav a:hover{color:#e76f51}.scrolled .header .nav a{color:#264653}.scrolled .header .nav a:hover{color:#e76f51}@media(max-width:992px){.header .nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:-5px 0 25px #0000001a;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-100%;top:0;transition:all .3s ease;width:300px;z-index:1001}.header .nav.open{right:0}.header .nav a{color:#264653;font-size:1.3rem;padding:10px 20px}.header .nav a:hover{color:#e76f51}.header .nav a:after{background:#2a9d8f}}.header .menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.8rem;z-index:1002}.scrolled .header .menu-toggle{color:#264653}@media(max-width:992px){.header .menu-toggle{display:block}}.hero{align-items:center;background-attachment:fixed;background-position:50%;background-size:cover;display:flex;height:100vh;overflow:hidden;position:relative}.hero .hero-overlay{background:linear-gradient(45deg,#000000b3,#0000004d);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero .hero-content{color:#fff;margin:0 auto;max-width:900px;padding:0 20px;position:relative;text-align:center;z-index:2}.hero .hero-content .hero-title{font-size:4rem;font-weight:800;line-height:1.2;margin-bottom:25px}.hero .hero-content .hero-title .title-line{display:block;font-size:1.8rem;font-weight:600;margin-bottom:10px}.hero .hero-content .hero-title .title-highlight{color:#e9c46a;text-shadow:0 2px 10px #0000004d}@media(max-width:768px){.hero .hero-content .hero-title{font-size:3rem}.hero .hero-content .hero-title .title-line{font-size:1.5rem}}.hero .hero-content .hero-subtitle{font-size:1.8rem;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:700px;opacity:.9}@media(max-width:768px){.hero .hero-content .hero-subtitle{font-size:1.4rem}}.hero .hero-content .cta-button{align-items:center;background:#e76f51;border:none;border-radius:50px;box-shadow:0 10px 25px #0003;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:600;gap:12px;padding:18px 40px;text-decoration:none;transition:all .3s ease}.hero .hero-content .cta-button:hover{background:#e14a24;box-shadow:0 15px 30px #0000004d;transform:translateY(-5px)}.hero .hero-content .cta-button .arrow-icon{transition:all .3s ease}.hero .hero-scroll-indicator{bottom:40px;color:#fff;cursor:pointer;font-size:1.8rem;left:50%;opacity:.8;position:absolute;transform:translateX(-50%);z-index:2}.hero .hero-scroll-indicator:hover{opacity:1}.about{background-color:#fff}.about .about-content{align-items:center;display:flex;gap:60px;margin-bottom:60px}@media(max-width:992px){.about .about-content{flex-direction:column}}.about .about-content .about-text{flex:1 1}.about .about-content .about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:25px}.about .about-content .about-text p:last-child{margin-bottom:35px}.about .about-content .about-image{flex:1 1;perspective:1000px}.about .about-content .about-image .image-frame{position:relative;transform-style:preserve-3d}.about .about-content .about-image .image-frame .image-placeholder{align-items:center;background:linear-gradient(45deg,#2a9d8f,#e9c46a);border-radius:16px;box-shadow:0 20px 40px #00000026;color:#fff;display:flex;font-size:1.3rem;font-weight:700;height:450px;justify-content:center;overflow:hidden;position:relative}.about .about-content .about-image .image-frame .image-placeholder .placeholder-content{text-align:center;z-index:2}.about .about-content .about-image .image-frame .image-placeholder .placeholder-content .camera-icon{font-size:3rem;margin-bottom:20px;opacity:.8}.about .about-content .about-image .image-frame .image-placeholder .placeholder-content span{display:block;font-size:1.4rem;letter-spacing:1px}.about .about-content .about-image .image-frame .image-placeholder:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect fill="white" opacity="0.05" width="50" height="50"/></svg>');background-size:50px 50px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.about .about-content .about-image .image-frame .image-decoration{border:4px solid #e76f51;border-radius:16px;bottom:-20px;height:100%;position:absolute;right:-20px;width:100%;z-index:-1}.about .features{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.about .features .feature-item{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000001a;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease;z-index:1}.about .features .feature-item:before{background:#2a9d8f;content:"";height:5px;left:0;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:-1}.about .features .feature-item:hover:before{height:100%}.about .features .feature-item .feature-icon{align-items:center;background:#2a9d8f1a;border-radius:50%;color:#2a9d8f;display:flex;font-size:2.2rem;height:80px;justify-content:center;margin:0 auto 25px;transition:all .3s ease;width:80px}.about .features .feature-item h3{color:#264653;font-size:1.5rem;margin-bottom:20px;transition:all .3s ease}.about .features .feature-item p{color:#333;line-height:1.6;transition:all .3s ease}.about .features .feature-item:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-10px)}.about .features .feature-item:hover .feature-icon{background:#fff3;color:#fff;transform:scale(1.1)}.about .features .feature-item:hover h3,.about .features .feature-item:hover p{color:#fff}.attractions{background:#f9f9f9;overflow:hidden;position:relative}.attractions .parallax-bg{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle fill="%232a9d8f" opacity="0.05" cx="50" cy="50" r="5"/></svg>');background-size:100px 100px;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.attractions .tabs{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:50px;position:relative;z-index:2}.attractions .tabs .tab{align-items:center;background:#fff;border:none;border-radius:50px;box-shadow:0 5px 15px #0000001a;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:12px;padding:15px 30px;transition:all .3s ease;z-index:2}.attractions .tabs .tab svg{font-size:1.3rem}.attractions .tab-content{align-items:center;display:flex;gap:60px;position:relative;z-index:2}@media(max-width:992px){.attractions .tab-content{flex-direction:column}}.attractions .tab-content .content-inner{flex:1 1}.attractions .tab-content .content-inner h3{color:#264653;display:inline-block;font-size:2.2rem;margin-bottom:25px;position:relative}.attractions .tab-content .content-inner h3:after{background:currentColor;border-radius:2px;bottom:-10px;content:"";height:4px;left:0;position:absolute;width:80px}.attractions .tab-content .content-inner p{font-size:1.1rem;line-height:1.8;margin-bottom:35px}.attractions .tab-content .image-placeholder{align-items:center;border-radius:16px;box-shadow:0 20px 40px #0003;color:#fff;display:flex;flex:1 1;font-size:1.5rem;font-weight:700;height:350px;justify-content:center;overflow:hidden;position:relative}.attractions .tab-content .image-placeholder .placeholder-content{text-align:center;z-index:2}.attractions .tab-content .image-placeholder .placeholder-content .camera-icon{font-size:4rem;margin-bottom:25px;opacity:.8}.attractions .tab-content .image-placeholder .placeholder-content span{display:block;font-size:1.6rem;letter-spacing:1px;margin:0 auto;max-width:80%}.attractions .tab-content .image-placeholder:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect fill="white" opacity="0.1" width="50" height="50"/></svg>');background-size:50px 50px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.gallery{background:#fff;position:relative}.gallery:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle fill="%23e9c46a" opacity="0.05" cx="50" cy="50" r="5"/></svg>');background-size:100px 100px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.gallery .gallery-filters{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:50px;position:relative;z-index:2}.gallery .gallery-filters .filter-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50px;box-shadow:0 5px 15px #0000001a;cursor:pointer;display:flex;font-weight:500;gap:10px;padding:12px 25px;transition:all .3s ease}.gallery .gallery-filters .filter-btn.active,.gallery .gallery-filters .filter-btn:hover{background:#2a9d8f;border-color:#2a9d8f;color:#fff;transform:translateY(-3px)}.gallery .gallery-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));position:relative;z-index:2}.gallery .gallery-grid .gallery-item{border-radius:16px;box-shadow:0 10px 30px #0000001a;cursor:pointer;height:280px;overflow:hidden;position:relative;transform-origin:center;transition:all .3s ease}.gallery .gallery-grid .gallery-item .image-placeholder{align-items:center;background:linear-gradient(45deg,#2a9d8f,#e76f51);color:#fff;display:flex;font-weight:700;height:100%;justify-content:center;position:relative;width:100%}.gallery .gallery-grid .gallery-item .image-placeholder .placeholder-content{text-align:center;z-index:2}.gallery .gallery-grid .gallery-item .image-placeholder .placeholder-content .camera-icon{font-size:3rem;margin-bottom:15px;opacity:.8}.gallery .gallery-grid .gallery-item .image-placeholder .placeholder-content span{display:block;font-size:1.3rem;letter-spacing:.5px;padding:0 20px}.gallery .gallery-grid .gallery-item .image-placeholder:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect fill="white" opacity="0.1" width="50" height="50"/></svg>');background-size:50px 50px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.gallery .gallery-grid .gallery-item .overlay{align-items:center;background:#264653cc;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:20px;position:absolute;text-align:center;top:0;transition:all .3s ease;width:100%}.gallery .gallery-grid .gallery-item .overlay h3{color:#fff;font-size:1.5rem;margin-bottom:15px}.gallery .gallery-grid .gallery-item .overlay .category-badge{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:50px;color:#fff;display:inline-flex;font-size:.9rem;gap:8px;padding:8px 15px}.gallery .gallery-grid .gallery-item:hover .overlay{opacity:1}.gallery .lightbox{align-items:center;background:#000000f2;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.gallery .lightbox .lightbox-content{background:#fff;border-radius:16px;box-shadow:0 20px 50px #0000004d;max-height:90%;max-width:90%;padding:30px;position:relative}.gallery .lightbox .lightbox-content .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#264653;cursor:pointer;display:flex;font-size:2.5rem;height:50px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:50px}.gallery .lightbox .lightbox-content .close-btn:hover{background:#f1f1f1}.gallery .lightbox .lightbox-content .lightbox-image{align-items:center;background:linear-gradient(45deg,#2a9d8f,#e76f51);border-radius:16px;color:#fff;display:flex;font-size:1.8rem;font-weight:700;justify-content:center;max-height:70vh;max-width:100%;overflow:hidden;position:relative}.gallery .lightbox .lightbox-content .lightbox-image .placeholder-content{text-align:center;z-index:2}.gallery .lightbox .lightbox-content .lightbox-image .placeholder-content .camera-icon{font-size:5rem;margin-bottom:25px;opacity:.8}.gallery .lightbox .lightbox-content .lightbox-image .placeholder-content span{display:block;font-size:2rem;letter-spacing:1px;margin:0 auto;max-width:80%}.gallery .lightbox .lightbox-content .lightbox-image:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect fill="white" opacity="0.1" width="50" height="50"/></svg>');background-size:100px 100px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.gallery .lightbox .lightbox-content h3{color:#264653;font-size:1.8rem;margin-top:25px;text-align:center}.gallery .lightbox .lightbox-content .image-nav{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:20px}.gallery .lightbox .lightbox-content .image-nav button{align-items:center;background:#2a9d8f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.gallery .lightbox .lightbox-content .image-nav button:hover{background:#1f756a;transform:scale(1.1)}.gallery .lightbox .lightbox-content .image-nav span{color:#333;font-weight:600}.testimonials{background-color:#f9f9f9;position:relative}.testimonials:before{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><circle fill="%23e76f51" opacity="0.05" cx="50" cy="50" r="5"/></svg>');background-size:100px 100px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.testimonials .testimonial-slider{align-items:center;display:flex;margin:0 auto 40px;max-width:900px;position:relative;z-index:2}.testimonials .testimonial-slider .nav-btn{align-items:center;background:#2a9d8f;border:none;border-radius:50%;box-shadow:0 5px 15px #0000001a;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.testimonials .testimonial-slider .nav-btn:hover{background:#1f756a;transform:scale(1.1)}.testimonials .testimonial-slider .testimonial-content{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000001a;flex:1 1;margin:0 20px;padding:50px;text-align:center}.testimonials .testimonial-slider .testimonial-content .quote-icon{color:#2a9d8f33;font-size:3.5rem;margin-bottom:25px}.testimonials .testimonial-slider .testimonial-content .quote{color:#333;font-size:1.3rem;font-style:italic;line-height:1.8;margin-bottom:30px;position:relative}.testimonials .testimonial-slider .testimonial-content .quote:after,.testimonials .testimonial-slider .testimonial-content .quote:before{color:#2a9d8f4d;content:'"';font-family:serif;font-size:3rem;position:absolute}.testimonials .testimonial-slider .testimonial-content .quote:before{left:-20px;top:-20px}.testimonials .testimonial-slider .testimonial-content .quote:after{bottom:-40px;right:-20px}.testimonials .testimonial-slider .testimonial-content .author h4{color:#264653;font-size:1.5rem;margin-bottom:8px}.testimonials .testimonial-slider .testimonial-content .author span{color:#333;display:block;font-size:1rem;margin-bottom:15px}.testimonials .testimonial-slider .testimonial-content .author .rating{display:flex;gap:5px;justify-content:center}.testimonials .testimonial-slider .testimonial-content .author .rating svg{color:#ddd;font-size:1.2rem}.testimonials .testimonial-slider .testimonial-content .author .rating svg.filled{color:gold}.testimonials .testimonial-dots{display:flex;gap:15px;justify-content:center;position:relative;z-index:2}.testimonials .testimonial-dots .dot{background:#ddd;border:none;border-radius:50%;cursor:pointer;height:15px;transition:all .3s ease;width:15px}.testimonials .testimonial-dots .dot.active{background:#2a9d8f;transform:scale(1.3)}.contact{background-color:#fff;position:relative}.contact .contact-content{display:flex;gap:60px;position:relative;z-index:2}@media(max-width:992px){.contact .contact-content{flex-direction:column}}.contact .contact-content .contact-info{flex:1 1}.contact .contact-content .contact-info h3{color:#264653;font-size:1.8rem;margin-bottom:25px;padding-bottom:15px;position:relative}.contact .contact-content .contact-info h3:after{background:#2a9d8f;border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:80px}.contact .contact-content .contact-info p{font-size:1.1rem;line-height:1.8;margin-bottom:35px}.contact .contact-content .contact-info .contact-list{list-style:none;margin-bottom:40px}.contact .contact-content .contact-info .contact-list li{align-items:flex-start;display:flex;gap:20px;margin-bottom:30px}.contact .contact-content .contact-info .contact-list li .icon{align-items:center;background:#2a9d8f1a;border-radius:50%;color:#2a9d8f;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.contact .contact-content .contact-info .contact-list li .detail h4{color:#264653;font-size:1.3rem;margin-bottom:8px}.contact .contact-content .contact-info .contact-list li .detail p{color:#333;font-size:1.1rem;line-height:1.6;margin:0}.contact .contact-content .contact-info .social-links h4{color:#264653;font-size:1.3rem;margin-bottom:20px}.contact .contact-content .contact-info .social-links .links{display:flex;gap:15px}.contact .contact-content .contact-info .social-links .links a{align-items:center;border-radius:50%;box-shadow:0 5px 15px #0000001a;color:#fff;display:flex;font-size:1.5rem;height:50px;justify-content:center;text-decoration:none;transition:all .3s ease;width:50px}.contact .contact-content .contact-form{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000001a;flex:1 1;padding:40px}.contact .contact-content .contact-form .form-group{margin-bottom:25px}.contact .contact-content .contact-form .form-group input,.contact .contact-content .contact-form .form-group textarea{border:1px solid #ddd;border-radius:10px;font-family:inherit;font-size:1.1rem;padding:15px 20px;transition:all .3s ease;width:100%}.contact .contact-content .contact-form .form-group input:focus,.contact .contact-content .contact-form .form-group textarea:focus{border-color:#2a9d8f;box-shadow:0 0 0 3px #2a9d8f1a;outline:none}.contact .contact-content .contact-form .form-group textarea{min-height:180px;resize:vertical}.contact .contact-content .contact-form .btn{font-size:1.2rem;padding:16px;width:100%}.footer{background:#264653;color:#fff;padding:80px 0 0;position:relative}.footer:before{background:linear-gradient(90deg,#2a9d8f,#e9c46a,#e76f51);content:"";height:10px;left:0;position:absolute;top:0;width:100%}.footer .footer-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:60px;position:relative;z-index:2}.footer .footer-content .footer-logo h3{font-size:2rem;margin-bottom:15px}.footer .footer-content .footer-logo p{color:#ffffffb3;line-height:1.6;margin-bottom:25px;max-width:400px}.footer .footer-content .footer-logo .footer-social{display:flex;gap:15px}.footer .footer-content .footer-logo .footer-social a{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:45px;justify-content:center;text-decoration:none;transition:all .3s ease;width:45px}.footer .footer-content .footer-logo .footer-social a:hover{background:#2a9d8f;transform:translateY(-5px)}.footer .footer-content .footer-contact h4,.footer .footer-content .footer-links h4{font-size:1.4rem;margin-bottom:25px;padding-bottom:15px;position:relative}.footer .footer-content .footer-contact h4:after,.footer .footer-content .footer-links h4:after{background:#2a9d8f;border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.footer .footer-content .footer-contact ul,.footer .footer-content .footer-links ul{list-style:none}.footer .footer-content .footer-contact ul li,.footer .footer-content .footer-links ul li{margin-bottom:15px}.footer .footer-content .footer-contact ul li a,.footer .footer-content .footer-links ul li a{align-items:center;color:#ffffffb3;display:flex;gap:10px;text-decoration:none;transition:all .3s ease}.footer .footer-content .footer-contact ul li a:hover,.footer .footer-content .footer-links ul li a:hover{color:#fff;padding-left:5px}.footer .footer-content .footer-contact ul li svg,.footer .footer-content .footer-links ul li svg{font-size:1.2rem}.footer .footer-bottom{border-top:1px solid #ffffff1a;padding:30px 0;position:relative;text-align:center;z-index:2}.footer .footer-bottom p{align-items:center;color:#ffffffb3;display:flex;gap:8px;justify-content:center}.footer .footer-bottom p .heart{color:#e76f51}@media(max-width:1200px){section{padding:80px 0}.hero .hero-content .hero-title{font-size:3.5rem}}@media(max-width:992px){.section-title h2{font-size:2.4rem}.about-content,.contact-content,.tab-content{gap:40px}}@media(max-width:768px){section{padding:70px 0}.section-title{margin-bottom:40px}.section-title h2{font-size:2rem}.section-title p{font-size:1.1rem}.hero .hero-content .hero-title{font-size:2.8rem}.hero .hero-content .hero-title .title-line{font-size:1.4rem}.hero .hero-content .hero-subtitle{font-size:1.3rem}.testimonial-slider .testimonial-content{padding:30px}.footer-content{grid-template-columns:1fr}}@media(max-width:576px){.section-title h2{font-size:1.8rem}.hero .hero-content .hero-title{font-size:2.2rem}.hero .hero-content .hero-subtitle{font-size:1.1rem}.hero .hero-content .cta-button{font-size:1rem;padding:14px 30px}.tabs{align-items:stretch;flex-direction:column}.gallery-grid{grid-template-columns:1fr}}.floating-menu-container{align-items:flex-start;bottom:20px;display:flex;flex-direction:column;left:20px;position:fixed;z-index:1000}.floating-menu-container .menu-button{align-items:center;background:#2a9d8f;border:none;border-radius:50%;box-shadow:0 5px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px;z-index:1001}.floating-menu-container .menu-label{box-shadow:0 3px 10px #0000001a;color:#2a9d8f;font-size:.9rem;font-weight:600;left:10px;padding:5px 10px}.floating-menu-container .floating-menu,.floating-menu-container .menu-label{background:#fff;border-radius:20px;bottom:70px;position:absolute;z-index:1000}.floating-menu-container .floating-menu{box-shadow:0 10px 30px #0003;left:0;overflow:hidden;width:250px}.floating-menu-container .floating-menu .breadcrumb{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;padding:10px 15px}.floating-menu-container .floating-menu .breadcrumb .back-button{align-items:center;background:none;border:none;border-radius:50%;color:#2a9d8f;cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;margin-right:10px;transition:background-color .3s;width:30px}.floating-menu-container .floating-menu .breadcrumb .back-button:hover{background-color:#2a9d8f1a}.floating-menu-container .floating-menu .breadcrumb .breadcrumb-items{align-items:center;color:#666;display:flex;font-size:.9rem}.floating-menu-container .floating-menu .breadcrumb .breadcrumb-items .breadcrumb-item{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-menu-container .floating-menu .breadcrumb .breadcrumb-items .separator{color:#999;margin:0 8px}.floating-menu-container .floating-menu .menu-header{background:#2a9d8f;padding:20px}.floating-menu-container .floating-menu .menu-header .logo{color:#fff;font-size:1.2rem;font-weight:700;text-align:center}.floating-menu-container .floating-menu .menu-items{max-height:60vh;overflow-y:auto;padding:10px 0}.floating-menu-container .floating-menu .menu-items .menu-item{align-items:center;color:#333;display:flex;font-weight:500;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.floating-menu-container .floating-menu .menu-items .menu-item.active{background:#2a9d8f1a;color:#2a9d8f;font-weight:600}.floating-menu-container .floating-menu .menu-items .menu-item.active .menu-icon{color:#2a9d8f}.floating-menu-container .floating-menu .menu-items .menu-item .menu-icon{color:#666;font-size:1.2rem;margin-right:15px;text-align:center;width:25px}.floating-menu-container .floating-menu .menu-items .menu-item .menu-text{flex:1 1}.floating-menu-container .floating-menu .menu-items .menu-item .submenu-indicator{color:#999;font-size:1.5rem;margin-left:10px}@media(max-width:768px){.floating-menu-container .floating-menu{width:220px}}.storymap-page{display:flex;flex-direction:column;height:100vh}.storymap-page .storymap-header{background:linear-gradient(90deg,#2a9d8f,#264653);box-shadow:0 4px 15px #0003;color:#fff;padding:20px 40px;text-align:center;z-index:10}.storymap-page .storymap-header h1{font-size:2.2rem;margin:10px 0 5px}.storymap-page .storymap-header p{margin-bottom:10px;opacity:.9}.storymap-page .storymap-header .back-button{align-items:center;background:#0003;border-radius:30px;color:#fff;display:flex;font-weight:600;gap:8px;left:20px;padding:8px 15px;position:absolute;text-decoration:none;top:20px;transition:all .3s ease}.storymap-page .storymap-header .back-button:hover{background:#0006;transform:translateX(-5px)}.storymap-page .storymap-container{flex:1 1}.storymap-page .storymap-container iframe{border:none;height:calc(100vh - 120px);width:100%}@media(max-width:768px){.storymap-page .storymap-header{padding:60px 15px 15px}.storymap-page .storymap-header h1{font-size:1.8rem}.storymap-page .storymap-header p{font-size:.9rem}.storymap-page .storymap-header .back-button{font-size:.9rem;left:15px;top:15px}}.kondisi-tanah-page{background:linear-gradient(180deg,#f8f9fa,#e9f2f1);font-family:Poppins,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:80px 20px}.kondisi-tanah-page .header-section{margin-bottom:60px;padding-top:30px;position:relative;text-align:center}.kondisi-tanah-page .header-section .back-button{align-items:center;background:#2a9d8f1a;border-radius:50px;color:#2a9d8f;display:flex;font-weight:600;gap:8px;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:0;transition:all .3s ease}.kondisi-tanah-page .header-section .back-button:hover{background:#2a9d8f33;color:#238277;transform:translateX(-5px)}.kondisi-tanah-page .header-section h1{color:#264653;display:inline-block;font-size:2.8rem;font-weight:700;margin-bottom:15px;position:relative}.kondisi-tanah-page .header-section h1:after{background:linear-gradient(90deg,#2a9d8f,#e9c46a);border-radius:5px;bottom:-10px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.kondisi-tanah-page .header-section p{color:#4a6572;font-size:1.3rem;line-height:1.6;margin:25px auto 0;max-width:800px}.kondisi-tanah-page .documents-container{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}@media(max-width:600px){.kondisi-tanah-page .documents-container{grid-template-columns:1fr}}.kondisi-tanah-page .documents-container .document-card{background:#fff;border-left:5px solid #2a9d8f;border-radius:20px;box-shadow:0 10px 30px #00000014;display:flex;gap:25px;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.kondisi-tanah-page .documents-container .document-card:before{background:linear-gradient(135deg,#2a9d8f0d,#e9c46a0d);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:0}.kondisi-tanah-page .documents-container .document-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-10px)}.kondisi-tanah-page .documents-container .document-card:hover:before{opacity:1}.kondisi-tanah-page .documents-container .document-card:hover .document-icon{background:linear-gradient(135deg,#2a9d8f,#238277);transform:scale(1.1) rotate(5deg)}.kondisi-tanah-page .documents-container .document-card .document-icon{align-items:center;background:linear-gradient(135deg,#2a9d8f,#e9c46a);border-radius:18px;box-shadow:0 5px 15px #2a9d8f4d;color:#fff;display:flex;flex-shrink:0;font-size:2.2rem;height:80px;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:80px;z-index:1}.kondisi-tanah-page .documents-container .document-card .document-info{flex:1 1;z-index:1}.kondisi-tanah-page .documents-container .document-card .document-info h3{color:#264653;font-size:1.6rem;font-weight:700;margin-bottom:12px}.kondisi-tanah-page .documents-container .document-card .document-info p{color:#5a6e7a;font-size:1.05rem;line-height:1.6;margin-bottom:20px}.kondisi-tanah-page .documents-container .document-card .document-info .document-meta{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.kondisi-tanah-page .documents-container .document-card .document-info .document-meta span{background:#2a9d8f1a;border-radius:50px;color:#2a9d8f;font-size:.95rem;font-weight:600;padding:6px 18px}.kondisi-tanah-page .documents-container .document-card .document-info .document-meta .document-actions{display:flex;gap:12px}.kondisi-tanah-page .documents-container .document-card .document-info .document-meta .document-actions .view-button{background:#2a9d8f;border-radius:50px;box-shadow:0 4px 10px #2a9d8f4d;color:#fff;display:inline-block;font-weight:600;padding:10px 22px;text-decoration:none;transition:all .3s ease}.kondisi-tanah-page .documents-container .document-card .document-info .document-meta .document-actions .view-button:hover{background:#238277;box-shadow:0 7px 15px #2a9d8f66;transform:translateY(-3px)}.kondisi-tanah-page .documents-container .document-card .document-info .document-meta .document-actions .download-button{align-items:center;background:#e76f51;border-radius:50px;box-shadow:0 4px 10px #e76f514d;color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:10px 22px;text-decoration:none;transition:all .3s ease}.kondisi-tanah-page .documents-container .document-card .document-info .document-meta .document-actions .download-button:hover{background:#d45a3d;box-shadow:0 7px 15px #e76f5166;transform:translateY(-3px)}.kondisi-tanah-page .pdf-preview-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:2000}.kondisi-tanah-page .pdf-preview-modal .pdf-preview-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1100px;overflow:hidden;position:relative;width:95%}.kondisi-tanah-page .pdf-preview-modal .pdf-preview-content .close-button{align-items:center;background:#e76f51;border:none;border-radius:50%;box-shadow:0 4px 10px #e76f5166;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:45px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:45px;z-index:10}.kondisi-tanah-page .pdf-preview-modal .pdf-preview-content .close-button:hover{background:#d45a3d;transform:rotate(90deg) scale(1.1)}.kondisi-tanah-page .pdf-preview-modal .pdf-preview-content .pdf-container{flex:1 1;overflow:hidden}.kondisi-tanah-page .pdf-preview-modal .pdf-preview-content .pdf-container iframe{border:none;height:100%;width:100%}.kondisi-tanah-page .pdf-preview-modal .pdf-preview-content .pdf-container .pdf-fallback{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.kondisi-tanah-page .pdf-preview-modal .pdf-preview-content .pdf-container .pdf-fallback p{color:#264653;font-size:1.4rem;margin-bottom:30px;max-width:600px}.kondisi-tanah-page .pdf-preview-modal .pdf-preview-content .pdf-container .pdf-fallback .fallback-download{align-items:center;background:linear-gradient(90deg,#2a9d8f,#238277);border-radius:50px;box-shadow:0 5px 15px #2a9d8f66;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 35px;text-decoration:none;transition:all .3s ease}.kondisi-tanah-page .pdf-preview-modal .pdf-preview-content .pdf-container .pdf-fallback .fallback-download:hover{box-shadow:0 10px 25px #2a9d8f80;transform:translateY(-5px)}.kondisi-tanah-page .pdf-preview-modal .pdf-preview-content .pdf-actions{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:center;padding:20px}.kondisi-tanah-page .pdf-preview-modal .pdf-preview-content .pdf-actions .download-full-button{align-items:center;background:linear-gradient(90deg,#2a9d8f,#238277);border-radius:50px;box-shadow:0 5px 15px #2a9d8f66;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:14px 35px;text-decoration:none;transition:all .3s ease}.kondisi-tanah-page .pdf-preview-modal .pdf-preview-content .pdf-actions .download-full-button:hover{background:linear-gradient(90deg,#238277,#1b6b5e);box-shadow:0 10px 25px #2a9d8f80;transform:translateY(-5px)}@media(max-width:992px){.kondisi-tanah-page{padding:60px 20px}.kondisi-tanah-page .header-section h1{font-size:2.4rem}.kondisi-tanah-page .header-section p{font-size:1.15rem}}@media(max-width:768px){.kondisi-tanah-page .header-section h1{font-size:2.1rem}.kondisi-tanah-page .header-section .back-button{display:inline-flex;left:auto;margin-bottom:20px;position:relative}.kondisi-tanah-page .documents-container .document-card{flex-direction:column;padding:25px}.kondisi-tanah-page .documents-container .document-card .document-icon{height:70px;margin-bottom:20px;width:70px}.kondisi-tanah-page .documents-container .document-card .document-meta{align-items:flex-start;flex-direction:column;gap:15px}.kondisi-tanah-page .documents-container .document-card .document-meta .document-actions{width:100%}.kondisi-tanah-page .documents-container .document-card .document-meta .document-actions .download-button,.kondisi-tanah-page .documents-container .document-card .document-meta .document-actions .view-button{flex:1 1;justify-content:center;text-align:center}}@media(max-width:576px){.kondisi-tanah-page .header-section h1{font-size:1.8rem}.kondisi-tanah-page .header-section p{font-size:1rem}.kondisi-tanah-page .documents-container .document-card .document-info h3{font-size:1.4rem}.kondisi-tanah-page .documents-container .document-card .document-info p{font-size:1rem}.kondisi-tanah-page .documents-container .document-card .document-actions{flex-direction:column}.kondisi-tanah-page .documents-container .document-card .document-actions .download-button,.kondisi-tanah-page .documents-container .document-card .document-actions .view-button{width:100%}}.profil-dokumentasi-page{background:linear-gradient(180deg,#f8f9fa,#f1f7f9);font-family:Poppins,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:80px 20px}.profil-dokumentasi-page .header-section{margin-bottom:60px;padding-top:30px;position:relative;text-align:center}.profil-dokumentasi-page .header-section .back-button{align-items:center;background:#2a9d8f1a;border-radius:50px;color:#2a9d8f;display:flex;font-weight:600;gap:8px;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:0;transition:all .3s ease}.profil-dokumentasi-page .header-section .back-button:hover{background:#2a9d8f33;color:#238277;transform:translateX(-5px)}.profil-dokumentasi-page .header-section h1{color:#264653;display:inline-block;font-size:2.8rem;font-weight:700;margin-bottom:15px;position:relative}.profil-dokumentasi-page .header-section h1:after{background:linear-gradient(90deg,#2a9d8f,#e9c46a);border-radius:5px;bottom:-10px;content:"";height:5px;left:50%;position:absolute;transform:translateX(-50%);width:150px}.profil-dokumentasi-page .header-section p{color:#4a6572;font-size:1.3rem;line-height:1.6;margin:25px auto 0;max-width:800px}.profil-dokumentasi-page .documents-container{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}@media(max-width:600px){.profil-dokumentasi-page .documents-container{grid-template-columns:1fr}}.profil-dokumentasi-page .documents-container .document-card{background:#fff;border-left:5px solid #e76f51;border-radius:20px;box-shadow:0 10px 30px #00000014;display:flex;gap:25px;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.profil-dokumentasi-page .documents-container .document-card:before{background:linear-gradient(135deg,#2a9d8f0d,#e76f510d);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .4s ease;width:100%;z-index:0}.profil-dokumentasi-page .documents-container .document-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-10px)}.profil-dokumentasi-page .documents-container .document-card:hover:before{opacity:1}.profil-dokumentasi-page .documents-container .document-card:hover .document-icon{background:linear-gradient(135deg,#e76f51,#d45a3d);transform:scale(1.1)}.profil-dokumentasi-page .documents-container .document-card .document-icon{align-items:center;background:linear-gradient(135deg,#e76f51,#e9c46a);border-radius:18px;box-shadow:0 5px 15px #e76f514d;color:#fff;display:flex;flex-shrink:0;font-size:2.2rem;height:80px;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:80px;z-index:1}.profil-dokumentasi-page .documents-container .document-card .document-info{flex:1 1;z-index:1}.profil-dokumentasi-page .documents-container .document-card .document-info h3{color:#264653;font-size:1.6rem;font-weight:700;margin-bottom:12px}.profil-dokumentasi-page .documents-container .document-card .document-info p{color:#5a6e7a;font-size:1.05rem;line-height:1.6;margin-bottom:20px}.profil-dokumentasi-page .documents-container .document-card .document-info .document-meta{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.profil-dokumentasi-page .documents-container .document-card .document-info .document-meta span{background:#e76f511a;border-radius:50px;color:#e76f51;font-size:.95rem;font-weight:600;padding:6px 18px}.profil-dokumentasi-page .documents-container .document-card .document-info .document-meta .document-actions{display:flex;gap:12px}.profil-dokumentasi-page .documents-container .document-card .document-info .document-meta .document-actions .view-button{background:#e76f51;border-radius:50px;box-shadow:0 4px 10px #e76f514d;color:#fff;display:inline-block;font-weight:600;padding:10px 22px;text-decoration:none;transition:all .3s ease}.profil-dokumentasi-page .documents-container .document-card .document-info .document-meta .document-actions .view-button:hover{background:#d45a3d;box-shadow:0 7px 15px #e76f5166;transform:translateY(-3px)}.profil-dokumentasi-page .documents-container .document-card .document-info .document-meta .document-actions .download-button{align-items:center;background:#2a9d8f;border-radius:50px;box-shadow:0 4px 10px #2a9d8f4d;color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:10px 22px;text-decoration:none;transition:all .3s ease}.profil-dokumentasi-page .documents-container .document-card .document-info .document-meta .document-actions .download-button:hover{background:#238277;box-shadow:0 7px 15px #2a9d8f66;transform:translateY(-3px)}.profil-dokumentasi-page .pdf-preview-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:2000}.profil-dokumentasi-page .pdf-preview-modal .pdf-preview-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1100px;overflow:hidden;position:relative;width:95%}.profil-dokumentasi-page .pdf-preview-modal .pdf-preview-content .close-button{align-items:center;background:#e76f51;border:none;border-radius:50%;box-shadow:0 4px 10px #e76f5166;color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:45px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:45px;z-index:10}.profil-dokumentasi-page .pdf-preview-modal .pdf-preview-content .close-button:hover{background:#d45a3d;transform:rotate(90deg) scale(1.1)}.profil-dokumentasi-page .pdf-preview-modal .pdf-preview-content .pdf-container{flex:1 1;overflow:hidden}.profil-dokumentasi-page .pdf-preview-modal .pdf-preview-content .pdf-container iframe{border:none;height:100%;width:100%}.profil-dokumentasi-page .pdf-preview-modal .pdf-preview-content .pdf-container .pdf-fallback{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.profil-dokumentasi-page .pdf-preview-modal .pdf-preview-content .pdf-container .pdf-fallback p{color:#264653;font-size:1.4rem;margin-bottom:30px;max-width:600px}.profil-dokumentasi-page .pdf-preview-modal .pdf-preview-content .pdf-container .pdf-fallback .fallback-download{align-items:center;background:linear-gradient(90deg,#e76f51,#d45a3d);border-radius:50px;box-shadow:0 5px 15px #e76f5166;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 35px;text-decoration:none;transition:all .3s ease}.profil-dokumentasi-page .pdf-preview-modal .pdf-preview-content .pdf-container .pdf-fallback .fallback-download:hover{box-shadow:0 10px 25px #e76f5180;transform:translateY(-5px)}.profil-dokumentasi-page .pdf-preview-modal .pdf-preview-content .pdf-actions{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:center;padding:20px}.profil-dokumentasi-page .pdf-preview-modal .pdf-preview-content .pdf-actions .download-full-button{align-items:center;background:linear-gradient(90deg,#e76f51,#d45a3d);border-radius:50px;box-shadow:0 5px 15px #e76f5166;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;padding:14px 35px;text-decoration:none;transition:all .3s ease}.profil-dokumentasi-page .pdf-preview-modal .pdf-preview-content .pdf-actions .download-full-button:hover{background:linear-gradient(90deg,#d45a3d,#b84c33);box-shadow:0 10px 25px #e76f5180;transform:translateY(-5px)}@media(max-width:992px){.profil-dokumentasi-page{padding:60px 20px}.profil-dokumentasi-page .header-section h1{font-size:2.4rem}.profil-dokumentasi-page .header-section p{font-size:1.15rem}}@media(max-width:768px){.profil-dokumentasi-page .header-section h1{font-size:2.1rem}.profil-dokumentasi-page .header-section .back-button{display:inline-flex;left:auto;margin-bottom:20px;position:relative}.profil-dokumentasi-page .documents-container .document-card{flex-direction:column;padding:25px}.profil-dokumentasi-page .documents-container .document-card .document-icon{height:70px;margin-bottom:20px;width:70px}.profil-dokumentasi-page .documents-container .document-card .document-meta{align-items:flex-start;flex-direction:column;gap:15px}.profil-dokumentasi-page .documents-container .document-card .document-meta .document-actions{width:100%}.profil-dokumentasi-page .documents-container .document-card .document-meta .document-actions .download-button,.profil-dokumentasi-page .documents-container .document-card .document-meta .document-actions .view-button{flex:1 1;justify-content:center;text-align:center}}@media(max-width:576px){.profil-dokumentasi-page .header-section h1{font-size:1.8rem}.profil-dokumentasi-page .header-section p{font-size:1rem}.profil-dokumentasi-page .documents-container .document-card .document-info h3{font-size:1.4rem}.profil-dokumentasi-page .documents-container .document-card .document-info p{font-size:1rem}.profil-dokumentasi-page .documents-container .document-card .document-actions{flex-direction:column}.profil-dokumentasi-page .documents-container .document-card .document-actions .download-button,.profil-dokumentasi-page .documents-container .document-card .document-actions .view-button{width:100%}}.sejarah-desa-page{background-color:#f5f2ea;color:#264653;font-family:Poppins,sans-serif;min-height:100vh;position:relative}.sejarah-desa-page .sejarah-header{align-items:center;background:linear-gradient(#00000080,#000000b3),url(https://images.unsplash.com/photo-1559480671-457f3c9d8e1c?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80);background-position:50%;background-size:cover;display:flex;height:60vh;justify-content:center;overflow:hidden;position:relative}.sejarah-desa-page .sejarah-header .header-content{color:#fff;max-width:800px;padding:0 20px;text-align:center;z-index:2}.sejarah-desa-page .sejarah-header .header-content h1{font-size:3.5rem;margin-bottom:20px;text-shadow:0 2px 10px #00000080}@media(max-width:768px){.sejarah-desa-page .sejarah-header .header-content h1{font-size:2.5rem}}.sejarah-desa-page .sejarah-header .header-content p{font-size:1.5rem;margin:0 auto;max-width:700px;opacity:.9}@media(max-width:768px){.sejarah-desa-page .sejarah-header .header-content p{font-size:1.2rem}}.sejarah-desa-page .timeline-container{display:flex;margin:-50px auto 50px;max-width:1200px;position:relative;z-index:10}.sejarah-desa-page .timeline-container .timeline-line{background:#26465333;border-radius:3px;margin:0 40px;position:relative;width:6px}.sejarah-desa-page .timeline-container .timeline-line .timeline-progress{background:#e76f51;border-radius:3px;left:0;position:absolute;top:0;transition:height .2s ease-out;width:100%}.sejarah-desa-page .timeline-container .timeline-items{grid-gap:30px;display:grid;flex:1 1;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:0 20px}.sejarah-desa-page .timeline-container .timeline-items .timeline-item{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000001a;padding:20px;position:relative;text-align:center;transition:all .3s ease}.sejarah-desa-page .timeline-container .timeline-items .timeline-item:hover{box-shadow:0 15px 30px #00000026;transform:translateY(-10px)}.sejarah-desa-page .timeline-container .timeline-items .timeline-item .timeline-icon{align-items:center;background:#2a9d8f1a;border-radius:50%;color:#2a9d8f;display:flex;font-size:1.8rem;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.sejarah-desa-page .timeline-container .timeline-items .timeline-item .timeline-year{color:#e76f51;font-size:1.5rem;font-weight:700;margin-bottom:5px}.sejarah-desa-page .timeline-container .timeline-items .timeline-item .timeline-title{font-size:1.1rem;font-weight:600}.sejarah-desa-page .section-nav{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:0 auto 40px;max-width:1200px;padding:0 20px}.sejarah-desa-page .section-nav .nav-item{align-items:center;background:#fff;border:none;border-radius:50px;box-shadow:0 5px 15px #0000001a;cursor:pointer;display:flex;font-weight:500;gap:10px;padding:12px 25px;transition:all .3s ease}.sejarah-desa-page .section-nav .nav-item.active,.sejarah-desa-page .section-nav .nav-item:hover{background:#2a9d8f;color:#fff}.sejarah-desa-page .section-nav .nav-item.active .nav-icon,.sejarah-desa-page .section-nav .nav-item:hover .nav-icon{color:#fff}.sejarah-desa-page .section-nav .nav-item .nav-icon{color:#2a9d8f;font-size:1.2rem}.sejarah-desa-page .sejarah-content{margin:0 auto 60px;max-width:1000px;padding:0 20px}.sejarah-desa-page .sejarah-content .content-card{background:#fff;border-radius:16px;box-shadow:0 5px 15px #0000001a;padding:40px}.sejarah-desa-page .sejarah-content .content-card h2{color:#2a9d8f;margin-bottom:25px;padding-bottom:15px;position:relative}.sejarah-desa-page .sejarah-content .content-card h2:after{background:#e76f51;border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:80px}.sejarah-desa-page .sejarah-content .content-card .content-text{font-size:1.1rem;line-height:1.8}.sejarah-desa-page .sejarah-content .content-card .content-text p{margin-bottom:20px}.sejarah-desa-page .sejarah-content .content-card .family-tree,.sejarah-desa-page .sejarah-content .content-card .huta-distribution,.sejarah-desa-page .sejarah-content .content-card .illustration,.sejarah-desa-page .sejarah-content .content-card .institution-card{background:#2a9d8f0d;border-left:4px solid #2a9d8f;border-radius:16px;margin:40px 0;padding:30px}.sejarah-desa-page .sejarah-content .content-card .map-illustration{align-items:center;display:flex;gap:30px;justify-content:center;padding:30px 0}.sejarah-desa-page .sejarah-content .content-card .map-illustration .dest-point,.sejarah-desa-page .sejarah-content .content-card .map-illustration .origin-point{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;font-weight:600;padding:20px;position:relative}.sejarah-desa-page .sejarah-content .content-card .map-illustration .dest-point:after,.sejarah-desa-page .sejarah-content .content-card .map-illustration .origin-point:after{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid #fff;bottom:-20px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.sejarah-desa-page .sejarah-content .content-card .map-illustration .origin-point{color:#264653}.sejarah-desa-page .sejarah-content .content-card .map-illustration .dest-point{color:#2a9d8f}.sejarah-desa-page .sejarah-content .content-card .map-illustration .arrow{color:#e76f51;font-size:2rem}.sejarah-desa-page .sejarah-content .content-card .family-tree{align-items:center;display:flex;flex-direction:column}.sejarah-desa-page .sejarah-content .content-card .family-tree .ancestor{color:#e76f51;font-size:1.5rem;font-weight:700;margin-bottom:40px;position:relative}.sejarah-desa-page .sejarah-content .content-card .family-tree .ancestor:after{background:#264653;bottom:-20px;content:"";height:20px;left:50%;position:absolute;transform:translateX(-50%);width:2px}.sejarah-desa-page .sejarah-content .content-card .family-tree .children{display:flex;justify-content:center;margin-bottom:30px;position:relative}.sejarah-desa-page .sejarah-content .content-card .family-tree .children:after{background:#264653;bottom:-20px;content:"";height:2px;left:0;position:absolute;right:0}.sejarah-desa-page .sejarah-content .content-card .family-tree .children .child{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;font-weight:600;padding:15px 30px;position:relative}.sejarah-desa-page .sejarah-content .content-card .family-tree .children .child:after{background:#264653;bottom:-20px;content:"";height:20px;left:50%;position:absolute;transform:translateX(-50%);width:2px}.sejarah-desa-page .sejarah-content .content-card .family-tree .grandchildren{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.sejarah-desa-page .sejarah-content .content-card .family-tree .grandchildren .grandchild{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;font-weight:500;min-width:150px;padding:15px 20px;text-align:center}.sejarah-desa-page .sejarah-content .content-card .family-tree .grandchildren .unknown{background:#e76f511a;color:#e76f51;font-style:italic}.sejarah-desa-page .sejarah-content .content-card .huta-distribution{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sejarah-desa-page .sejarah-content .content-card .huta-distribution .huta-item{background:#fff;border-radius:10px;border-top:4px solid #2a9d8f;box-shadow:0 5px 15px #0000001a;padding:20px;text-align:center;transition:all .3s ease}.sejarah-desa-page .sejarah-content .content-card .huta-distribution .huta-item:hover{transform:translateY(-5px)}.sejarah-desa-page .sejarah-content .content-card .huta-distribution .huta-item .huta-name{color:#2a9d8f;font-size:1.3rem;font-weight:700;margin-bottom:10px}.sejarah-desa-page .sejarah-content .content-card .institution-card .institution-header{align-items:center;display:flex;gap:15px;margin-bottom:25px}.sejarah-desa-page .sejarah-content .content-card .institution-card .institution-header h3{color:#264653;margin:0}.sejarah-desa-page .sejarah-content .content-card .institution-card .institution-header .institution-icon{color:#2a9d8f;font-size:2rem}.sejarah-desa-page .sejarah-content .content-card .institution-card .institution-functions{display:flex;flex-wrap:wrap;gap:20px}.sejarah-desa-page .sejarah-content .content-card .institution-card .institution-functions .function{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;flex:1 1;font-weight:500;min-width:200px;padding:20px 20px 20px 60px;position:relative}.sejarah-desa-page .sejarah-content .content-card .institution-card .institution-functions .function:before{align-items:center;background:#2a9d8f1a;border-radius:50%;color:#2a9d8f;content:"✓";display:flex;font-weight:700;height:30px;justify-content:center;left:20px;position:absolute;top:50%;transform:translateY(-50%);width:30px}.sejarah-desa-page .etymology-section{background:linear-gradient(45deg,#2a9d8f,#e9c46a);color:#fff;padding:80px 20px}.sejarah-desa-page .etymology-section .etymology-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:16px;display:flex;gap:40px;margin:0 auto;max-width:1000px;padding:40px}@media(max-width:768px){.sejarah-desa-page .etymology-section .etymology-card{flex-direction:column}}.sejarah-desa-page .etymology-section .etymology-card .name-origin{flex:1 1}.sejarah-desa-page .etymology-section .etymology-card .name-origin h3{font-size:2rem;margin-bottom:30px;padding-bottom:15px;position:relative}.sejarah-desa-page .etymology-section .etymology-card .name-origin h3:after{background:#fff;border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:80px}.sejarah-desa-page .etymology-section .etymology-card .name-origin .origin-theories .theory{background:#ffffff26;border-radius:10px;margin-bottom:20px;padding:20px}.sejarah-desa-page .etymology-section .etymology-card .name-origin .origin-theories .theory .theory-title{font-size:1.2rem;font-weight:600;margin-bottom:10px}.sejarah-desa-page .etymology-section .etymology-card .name-origin .origin-theories .theory p{font-style:italic;margin:0}.sejarah-desa-page .etymology-section .etymology-card .name-illustration{align-items:center;display:flex;flex:1 1;flex-direction:column}.sejarah-desa-page .etymology-section .etymology-card .name-illustration .river-map{background:#fff3;border-radius:50%;height:250px;position:relative;width:250px}.sejarah-desa-page .etymology-section .etymology-card .name-illustration .river-map .village-center{background:#fff;border-radius:50%;box-shadow:0 0 0 10px #ffffff4d;height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.sejarah-desa-page .etymology-section .etymology-card .name-illustration .river-map .river{background:#ffffff80;position:absolute}.sejarah-desa-page .etymology-section .etymology-card .name-illustration .river-map .river.river-north{border-radius:0 0 5px 5px;height:50%;left:50%;top:0;transform:translateX(-50%);width:10px}.sejarah-desa-page .etymology-section .etymology-card .name-illustration .river-map .river.river-east{border-radius:5px 0 0 5px;height:10px;right:0;top:50%;transform:translateY(-50%);width:50%}.sejarah-desa-page .etymology-section .etymology-card .name-illustration .river-map .river.river-south{border-radius:5px 5px 0 0;bottom:0;height:50%;left:50%;transform:translateX(-50%);width:10px}.sejarah-desa-page .etymology-section .etymology-card .name-illustration .river-map .river.river-west{border-radius:0 5px 5px 0;height:10px;left:0;top:50%;transform:translateY(-50%);width:50%}.sejarah-desa-page .etymology-section .etymology-card .name-illustration .caption{font-style:italic;margin-top:20px;opacity:.8;text-align:center}.sejarah-desa-page .sejarah-footer{background:#264653;color:#fff;padding:40px 20px}.sejarah-desa-page .sejarah-footer .footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1000px}@media(max-width:768px){.sejarah-desa-page .sejarah-footer .footer-content{flex-direction:column;gap:20px;text-align:center}}.sejarah-desa-page .sejarah-footer .footer-content .footer-logo h3{font-size:1.8rem;margin-bottom:10px}.sejarah-desa-page .sejarah-footer .footer-content .footer-logo p{opacity:.8}.sejarah-desa-page .sejarah-footer .footer-content .footer-info p{font-size:.9rem;margin:5px 0;opacity:.7}
/*# sourceMappingURL=main.61a211e8.css.map*/