*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-color:#f8f9fa;color:#2a2a2a;line-height:1.7;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:"Playfair Display",Georgia,serif;font-weight:700;line-height:1.2;margin-bottom:1rem}.mobile-menu-toggle{position:absolute;left:1rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.8rem;color:#1e5aaf;cursor:pointer;z-index:1001;padding:.5rem;display:none;transition:all .3s ease}.mobile-menu-toggle:hover{color:#2c7bd4;transform:translateY(-50%) scale(1.1)}@media(max-width: 991.98px){.mobile-menu-toggle{display:block}}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1040;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-overlay.active{opacity:1;visibility:visible}.mobile-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100%;background:linear-gradient(180deg, #1f1f1f 0%, #393939 100%);z-index:1050;transition:left .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:2px 0 20px rgba(0,0,0,.3);overflow-y:auto}.mobile-sidebar.active{left:0}.mobile-sidebar .mobile-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1rem;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.1)}.mobile-sidebar .mobile-sidebar-header .mobile-sidebar-title{font-family:"Playfair Display",Georgia,serif;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg, #1e5aaf 0%, #2c7bd4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.mobile-sidebar .mobile-sidebar-header .mobile-sidebar-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;transition:all .3s ease}.mobile-sidebar .mobile-sidebar-header .mobile-sidebar-close:hover{color:#2c7bd4;transform:rotate(90deg)}.mobile-sidebar .mobile-sidebar-nav{list-style:none;padding:1rem 0;margin:0}.mobile-sidebar .mobile-sidebar-nav .mobile-nav-item{margin:0}.mobile-sidebar .mobile-sidebar-nav .mobile-nav-item .mobile-nav-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;color:rgba(255,255,255,.85);text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;border-left:3px solid transparent}.mobile-sidebar .mobile-sidebar-nav .mobile-nav-item .mobile-nav-link i{font-size:1.2rem;width:24px;text-align:center}.mobile-sidebar .mobile-sidebar-nav .mobile-nav-item .mobile-nav-link:hover,.mobile-sidebar .mobile-sidebar-nav .mobile-nav-item .mobile-nav-link.active{background:rgba(255,255,255,.1);color:#fff;border-left-color:#2c7bd4;padding-left:2rem}.navbar{background:rgba(255,255,255,.98);backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0,0,0,.05);padding:1.5rem 0;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1)}.navbar.scrolled{padding:.8rem 0;box-shadow:0 4px 30px rgba(0,0,0,.1)}.navbar.scrolled .site-title{font-size:1.8rem}.navbar.scrolled .navbar-nav{margin-top:.5rem}.navbar.hidden{transform:translateY(-100%)}.site-title{font-family:"Playfair Display",Georgia,serif;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg, #1e5aaf 0%, #2c7bd4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.5px;transition:font-size .4s ease}.navbar-nav{gap:1rem;transition:margin-top .4s ease}.navbar-nav .nav-link{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:500;color:#2a2a2a;padding:.5rem 1.2rem;border-radius:8px;transition:all .3s ease;position:relative;text-transform:uppercase;font-size:.9rem;letter-spacing:.5px}.navbar-nav .nav-link::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#1e5aaf;transition:all .3s ease;transform:translateX(-50%)}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:#1e5aaf;background:rgba(30,90,175,.05)}.navbar-nav .nav-link:hover::after,.navbar-nav .nav-link.active::after{width:70%}.btn-admin{background:linear-gradient(135deg, #1e5aaf 0%, #18488c 100%);color:#fff;border:2px solid #174483;padding:.7rem 2rem;border-radius:10px;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 15px rgba(30,90,175,.4);position:relative;overflow:hidden}.btn-admin::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left .5s ease}.btn-admin:hover{background:linear-gradient(135deg, #1a4f99 0%, #13386e 100%);border-color:#13386e;transform:translateY(-3px);box-shadow:0 6px 20px rgba(30,90,175,.5);color:#fff}.btn-admin:hover::before{left:100%}.btn-admin:active{transform:translateY(-1px);box-shadow:0 3px 10px rgba(30,90,175,.4)}.btn-admin i{margin-right:.5rem;font-size:1.1rem}.hero-section{background:linear-gradient(135deg, #1e5aaf 0%, #2c7bd4 50%, #1f1f1f 100%);padding:180px 0 100px;text-align:center;position:relative;overflow:hidden;margin-top:80px}.hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.6}.hero-section .hero-content{position:relative;z-index:1}.hero-section .hero-title{font-family:"Playfair Display",Georgia,serif;font-size:4rem;font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.3)}@media(max-width: 768px){.hero-section .hero-title{font-size:2.5rem}}.hero-section .hero-subtitle{font-size:1.5rem;color:rgba(255,255,255,.9);font-weight:300}@media(max-width: 768px){.hero-section .hero-subtitle{font-size:1.2rem}}.section-title{font-family:"Playfair Display",Georgia,serif;font-size:2.5rem;font-weight:700;color:#1f1f1f;position:relative;display:inline-block}.section-title::after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:linear-gradient(90deg, #1e5aaf, #2c7bd4);border-radius:2px}.news-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);height:100%;display:flex;flex-direction:column;position:relative}.news-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(30,90,175,.2)}.news-card:hover .news-image{transform:scale(1.05)}.news-card:hover .news-title{color:#1e5aaf}.news-card .news-image-wrapper{width:100%;height:250px;overflow:hidden;background:#f8f9fa;position:relative}.news-card .news-image-wrapper::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.2) 100%)}.news-card .news-image{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.news-card .news-badge{position:absolute;top:15px;right:15px;background:#1e5aaf;color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2;box-shadow:0 4px 12px rgba(30,90,175,.4)}.news-card .news-body{padding:1.8rem;flex-grow:1;display:flex;flex-direction:column}.news-card .news-date{color:#6c757d;font-size:.9rem;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}.news-card .news-date i{color:#1e5aaf}.news-card .news-title{font-family:"Playfair Display",Georgia,serif;font-size:1.5rem;font-weight:700;color:#1f1f1f;margin-bottom:1rem;line-height:1.3;transition:color .3s ease}.news-card .news-lead{color:#2a2a2a;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}.news-card .news-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05)}.news-card .btn-read-more{background:#1e5aaf;color:#fff;padding:.6rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.news-card .btn-read-more:hover{background:#174483;transform:translateX(4px);color:#fff}.news-card .admin-actions{display:flex;gap:.5rem}.news-card .admin-actions .btn-icon{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.news-card .admin-actions .btn-icon.btn-edit{background:rgba(30,90,175,.1);color:#1e5aaf}.news-card .admin-actions .btn-icon.btn-edit:hover{background:#1e5aaf;color:#fff}.news-card .admin-actions .btn-icon.btn-delete{background:rgba(220,53,69,.1);color:#dc3545}.news-card .admin-actions .btn-icon.btn-delete:hover{background:#dc3545;color:#fff}.detail-spacer{height:140px}.detail-image{width:100%;max-height:500px;object-fit:cover;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.12);margin-bottom:2rem}.detail-title{font-family:"Playfair Display",Georgia,serif;font-size:3rem;font-weight:800;color:#1f1f1f;margin-bottom:1rem;line-height:1.2}@media(max-width: 768px){.detail-title{font-size:2rem}}.detail-meta{display:flex;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid rgba(30,90,175,.2)}.detail-meta .meta-item{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-size:1rem}.detail-meta .meta-item i{color:#1e5aaf;font-size:1.2rem}.detail-meta .meta-item .badge{background:#1e5aaf;padding:.5rem 1rem;border-radius:20px;font-weight:600}.detail-lead{font-size:1.3rem;font-weight:500;color:#2a2a2a;line-height:1.8;margin-bottom:2rem;padding:1.5rem;background:rgba(30,90,175,.05);border-left:4px solid #1e5aaf;border-radius:8px}.detail-description{font-size:1.1rem;line-height:1.9;color:#2a2a2a;margin-bottom:2rem}.detail-description p{margin-bottom:1.5rem}.detail-image-mid{width:100%;max-height:400px;object-fit:cover;border-radius:12px;margin:2rem 0;box-shadow:0 6px 25px rgba(0,0,0,.1)}.detail-video{margin:3rem 0}.detail-video iframe{width:100%;height:500px;border-radius:12px;box-shadow:0 6px 25px rgba(0,0,0,.1)}@media(max-width: 768px){.detail-video iframe{height:300px}}.detail-image-bottom{width:100%;max-height:400px;object-fit:cover;border-radius:12px;margin-top:2rem;box-shadow:0 6px 25px rgba(0,0,0,.1)}.footer{background:#1f1f1f;color:rgba(255,255,255,.8);padding:4rem 0 2rem;margin-top:6rem}.footer h5{color:#fff;font-weight:700;margin-bottom:1.5rem;font-size:1.3rem}.footer p{line-height:1.8;margin-bottom:.5rem}.footer .social-links{display:flex;gap:1rem}.footer .social-links a{width:45px;height:45px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;transition:all .3s ease}.footer .social-links a:hover{background:#1e5aaf;transform:translateY(-4px)}.footer .footer-link{color:rgba(255,255,255,.9);text-decoration:none;font-weight:500;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;margin-right:1.5rem;transition:all .3s ease;border-bottom:2px solid transparent}.footer .footer-link i{font-size:1.1rem}.footer .footer-link:hover{color:#1e5aaf;border-bottom-color:#1e5aaf;transform:translateX(4px)}.modal-content{border:none;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-header{background:linear-gradient(135deg, #1e5aaf, #2c7bd4);color:#fff;border-radius:16px 16px 0 0;padding:1.5rem}.modal-header .modal-title{font-family:"Playfair Display",Georgia,serif;font-weight:700}.modal-header .btn-close{filter:brightness(0) invert(1)}.modal-body{padding:2rem}.form-label{font-weight:600;color:#2a2a2a;margin-bottom:.5rem}.form-control{border:2px solid rgba(30,90,175,.2);border-radius:8px;padding:.75rem;transition:all .3s ease}.form-control:focus{border-color:#1e5aaf;box-shadow:0 0 0 .2rem rgba(30,90,175,.15)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease forwards}@media(max-width: 768px){.navbar{padding:1rem 0}.navbar .navbar-brand{padding:0 1rem}.navbar.scrolled{padding:.6rem 0}.site-title{font-size:1.8rem !important}.navbar-toggler{margin-right:1rem;border:none;padding:.5rem}.navbar-toggler:focus{box-shadow:none}.navbar-nav{padding:1rem;background:rgba(255,255,255,.98);border-radius:8px;margin-top:1rem}.navbar-nav .nav-link{padding:.8rem 1rem;font-size:1rem;margin-bottom:.5rem;text-align:center}.hero-section{padding:120px 1rem 60px;margin-top:70px}.hero-title{font-size:2rem !important}.hero-subtitle{font-size:1.1rem !important}.section-title{font-size:1.8rem}.section-title::after{width:40px;bottom:-8px}.container{padding-left:1rem;padding-right:1rem}.news-card{margin-bottom:1.5rem}.news-card .news-image-wrapper{height:220px}.news-card .news-body{padding:1.2rem}.news-card .news-title{font-size:1.3rem}.news-card .news-lead{font-size:.95rem}.news-card .news-footer{flex-direction:column;gap:1rem;align-items:stretch}.news-card .news-footer .btn-read-more{width:100%;justify-content:center}.news-card .news-footer .admin-actions{width:100%;justify-content:center}.detail-spacer{height:100px}.detail-title{font-size:1.8rem !important}.detail-meta{flex-direction:column;gap:.8rem;padding-bottom:1.5rem}.detail-lead{font-size:1.1rem;padding:1.2rem}.detail-description{font-size:1rem}.detail-video iframe{height:250px !important}.footer{padding:3rem 0 2rem}.footer h5{font-size:1.2rem;margin-bottom:1rem}.footer p{font-size:.9rem}.footer .social-links{justify-content:center;margin-bottom:1rem}.footer .social-links a{width:40px;height:40px;font-size:1.1rem}.footer .footer-link{display:block;text-align:center;margin:.5rem 0;padding:.8rem;border-bottom:none;border-radius:8px;background:rgba(255,255,255,.05)}.footer .footer-link:hover{background:rgba(30,90,175,.2);transform:none}.modal-dialog{margin:1rem}.modal-body{padding:1.5rem}.form-control{font-size:16px}.btn-admin{padding:.6rem 1.5rem;font-size:.95rem}#addNewsBtn{padding:.5rem 1rem;font-size:.9rem}#addNewsBtn i{margin-right:.3rem}}@media(min-width: 769px)and (max-width: 1024px){.site-title{font-size:2.2rem}.navbar-nav .nav-link{padding:.5rem 1rem;font-size:.85rem}.hero-title{font-size:3rem !important}.news-card .news-image-wrapper{height:230px}}@media(max-width: 480px){.site-title{font-size:1.5rem !important}.hero-title{font-size:1.8rem !important}.section-title{font-size:1.5rem}.news-card .news-image-wrapper{height:200px}.news-card .news-title{font-size:1.2rem}.detail-title{font-size:1.5rem !important}.btn-admin{padding:.5rem 1.2rem;font-size:.9rem}}.text-gradient{background:linear-gradient(135deg, #1e5aaf, #2c7bd4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}