:root{--primary-color: #1e3c72;--secondary-color: #2a5298;--text-color: #333;--light-gray: #f5f5f5}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,Arial,sans-serif;line-height:1.6;color:var(--text-color)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1 0 auto}.burger-menu{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:none;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.burger-menu span{width:100%;height:2px;background-color:#fff;transition:all .3s ease}.burger-menu.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.burger-menu.active span:nth-child(2){opacity:0}.burger-menu.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.logo{position:absolute;left:30px;width:100px;height:100px;display:flex;align-items:center;justify-content:center;border-radius:40%;overflow:hidden;top:50%;transform:translateY(-50%)}.logo-img{margin-top:2px;width:100px;height:100px;clip-path:circle(49px at center);object-fit:cover;object-position:center 45%}.header{background:linear-gradient(135deg,#1e3c72,#2a5298);padding:10px 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.header-content{display:flex;justify-content:center;align-items:center;max-width:1400px;margin:0 auto;padding:0 30px;position:relative;min-height:100px}.nav-links{display:flex;gap:25px;align-items:center;justify-content:center;margin-left:120px;margin-right:30px}.button.button-primary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.2);padding:12px 22px;border-radius:6px;font-weight:500;transition:all .3s ease;cursor:pointer;font-size:15px;text-transform:uppercase;letter-spacing:.5px;line-height:1.2;white-space:nowrap}.button.button-primary:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-1px)}.button.button-primary.active{background:#ffffff26;border-color:#fff9;font-weight:600}@media (max-width: 1440px){.header-content{max-width:1200px}}@media (max-width: 1200px){.header-content{padding:0 20px}.nav-links{gap:15px}.button.button-primary{padding:8px 16px;font-size:14px}}@media (max-width: 1024px){.burger-menu{display:flex}.header-content{justify-content:space-between;min-height:auto}.logo{position:relative;left:0;top:auto;transform:none}.nav-links{margin-left:0;margin-right:0}.nav-links{position:fixed;top:0;right:-100%;width:80%;max-width:400px;height:100vh;background:linear-gradient(135deg,#1e3c72,#2a5298);flex-direction:column;padding:80px 20px 20px;transition:right .3s ease;z-index:1000;overflow-y:auto;justify-content:flex-start}.nav-links.mobile-open{right:0}.nav-item{width:100%;margin:10px 0 0;display:flex;flex-direction:column;align-items:stretch}.button.button-primary{width:100%;min-width:0;box-sizing:border-box;text-align:center;margin:0;white-space:normal}.dropdown{display:none;opacity:0;max-height:0;transition:opacity .3s,max-height .3s;background:#ffffff1f;border-radius:10px;margin-top:5px;box-shadow:0 2px 10px #00000014;width:100%;min-width:0;left:0;right:0;position:relative;padding:0}.dropdown.open{display:block;opacity:1;max-height:500px;animation:dropdownFadeIn .3s}@keyframes dropdownFadeIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.dropdown-item{width:100%;min-width:0;box-sizing:border-box;text-align:center;margin:0;white-space:normal}.dropdown-item:last-child{border-bottom:none;border-radius:0 0 10px 10px}.dropdown-item:first-child{border-radius:10px 10px 0 0}.dropdown-item:hover,.dropdown-item.active{background:#ffffff2e;color:#ffe;padding-left:28px}.button.button-primary.active,.button.button-primary:focus{background:#ffffff2e;border-color:#fff;color:#fff}.logo{width:90px;height:90px}.logo-img{width:90px;height:90px;clip-path:circle(44px at center)}.nav-links{gap:10px}.button.button-primary{padding:8px 14px;font-size:13px}a.dropdown-item{padding-left:200px}}@media (max-width: 768px){.header{padding:15px 0}.header-content{flex-direction:column;gap:15px}.nav-links{flex-wrap:wrap;justify-content:center;gap:8px}.logo{width:80px;height:80px}.logo-img{width:80px;height:80px;clip-path:circle(39px at center);margin-top:7px}}@media (max-width: 480px){.header{padding:10px 0}.header-content{padding:0 10px;gap:10px}.nav-links{width:100%;padding:70px 15px 15px}.button.button-primary{width:100%;min-width:0;box-sizing:border-box;text-align:center;margin:0;white-space:normal}.logo{width:70px;height:70px}.logo-img{width:70px;height:70px;clip-path:circle(34px at center);margin-top:6px}.nav-item{width:100%;margin:8px 0 0;display:flex;flex-direction:column;align-items:stretch}.dropdown-item{width:100%;min-width:0;box-sizing:border-box;text-align:center;margin:0;white-space:normal}}@media screen and (max-width: 320px){.header-content{padding:0 5px;gap:8px}.nav-links{width:100%;gap:4px;padding:60px 5px 10px;align-items:flex-start}.logo{width:54px;height:54px}.logo-img{width:54px;height:54px;clip-path:circle(27px at center);margin-top:4px}.button.button-primary{width:100%;min-width:0;box-sizing:border-box;text-align:center;margin:0;white-space:normal}.nav-item{width:100%;margin:4px 0 0;display:flex;flex-direction:column;align-items:stretch}.dropdown-item{width:100%;min-width:0;box-sizing:border-box;text-align:center;margin:0;white-space:normal}}.nav-item{position:relative}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.dropdown{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-10px);background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:250px;opacity:0;visibility:hidden;transition:all .3s ease;transform-origin:top center;z-index:1000}.dropdown:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#fff;transform:translate(-50%) rotate(45deg)}.dropdown-item{padding:12px 20px;color:#1e3c72;text-decoration:none;display:flex;align-items:center;transition:all .2s ease;position:relative;z-index:1;background:#fff}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item:last-child{border-radius:0 0 8px 8px}.dropdown-item:hover{background:#f5f8ff;color:#2a5298;padding-left:24px}.dropdown-item:not(:last-child){border-bottom:1px solid rgba(0,0,0,.05)}@media (max-width: 768px){.dropdown{position:static;transform:none;min-width:100%;margin-top:10px;box-shadow:0 2px 10px #0000001a}.dropdown:before{display:none}.dropdown-item{padding:10px 15px}.dropdown-item:hover{padding-left:18px}}.footer{background:#1e3c72;color:#fff;padding:2rem 0 .5rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-section h3{color:#fff;margin-bottom:1rem;font-size:1.2rem}.footer-section p{color:#fffc;margin-bottom:.5rem;font-size:.9rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#fffc;text-decoration:none;transition:color .3s ease;font-size:.9rem}.footer-section ul li a:hover{color:#fff}.social-links{display:flex;gap:1rem}.social-icon{width:36px;height:36px;background:#ffffff1a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease}.social-icon:hover{background:#fff3;transform:translateY(-3px)}.footer-bottom{margin-top:1.5rem;padding-top:.5rem;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:#fff9;font-size:.8rem}@media (max-width: 1024px){.footer-content{max-width:960px;padding:0 1.5rem;gap:1.5rem}}@media (max-width: 768px){.footer{padding:1.5rem 0 .5rem}.footer-content{grid-template-columns:1fr;text-align:center;gap:1.5rem;padding:0 1rem}.social-links{justify-content:center}.footer-section{padding:0 1rem}.footer-section h3{font-size:1.1rem}.footer-section ul{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.footer-section ul li{margin-bottom:0}}@media (max-width: 480px){.footer{padding:1rem 0 .5rem}.footer-content{gap:1rem}.footer-section{padding:0 .5rem}.footer-section h3{font-size:1rem;margin-bottom:.8rem}.footer-section p,.footer-section ul li a{font-size:.85rem}.social-icon{width:32px;height:32px}.footer-bottom p{font-size:.75rem}}.loading-spinner-container{display:flex;justify-content:center;align-items:center;min-height:200px;width:100%}.loading-spinner{width:50px;height:50px;border:5px solid var(--light-gray);border-top:5px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.media-gallery{padding:2rem;max-width:1200px;margin:0 auto}.media-gallery h1{text-align:center;color:var(--primary-color);margin-bottom:2rem}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.album-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.album-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #0003}.album-cover{height:200px;overflow:hidden;background:#f5f5f5}.album-cover img{width:100%;height:100%;object-fit:cover}.album-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:1.1rem}.album-title{padding:1rem;font-size:1.2rem;color:var(--primary-color);text-align:center}.album-view{padding:1rem}.back-button{background:none;border:none;color:var(--primary-color);font-size:1.1rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;display:flex;align-items:center;transition:color .3s ease}.back-button:hover{color:var(--secondary-color)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.photo-item{position:relative;aspect-ratio:1;cursor:pointer;overflow:hidden;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease}.photo-item:hover{transform:scale(1.02)}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.photo-modal .modal-content{position:relative;width:90%;max-width:1200px;height:auto;display:flex;align-items:center;justify-content:center}.photo-modal img{max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:8px}.close-button{position:absolute;top:-40px;right:-40px;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:.5rem;transition:color .3s ease}.close-button:hover{color:#ddd}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#0006;color:#fff;border:none;width:48px;height:64px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:28px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.nav-button:hover{background:#0009}.nav-button.prev{left:-56px}.nav-button.next{right:-56px}.no-photos{grid-column:1 / -1;text-align:center;padding:3rem;background:#f5f5f5;border-radius:8px;color:#666}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px}.error-message{text-align:center;color:#dc3545;padding:1rem;background:#f8d7da;border-radius:8px;margin:2rem 0}@media (max-width: 768px){.media-gallery{padding:1rem}.album-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.close-button{top:-30px;right:-10px}.nav-button.prev{left:8px}.nav-button.next{right:8px}}.media-management{padding:2rem;max-width:1200px;margin:0 auto}.media-buttons{display:flex;gap:1rem;margin-bottom:2rem}.admin-button{padding:.75rem 1.5rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.admin-button:hover{background-color:var(--secondary-color)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;padding:2rem;border-radius:8px;width:90%;max-width:500px}.modal-content h3{margin-bottom:1.5rem;color:var(--primary-color)}.modal-content form{display:flex;flex-direction:column;gap:1rem}.modal-content input[type=text],.modal-content textarea,.modal-content select{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.modal-content textarea{min-height:100px;resize:vertical}.modal-buttons{display:flex;gap:1rem;margin-top:1rem}.modal-buttons button{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease}.modal-buttons button[type=submit]{background-color:var(--primary-color);color:#fff}.modal-buttons button[type=submit]:hover{background-color:var(--secondary-color)}.modal-buttons button[type=button]{background-color:#f5f5f5;color:#333}.modal-buttons button[type=button]:hover{background-color:#e0e0e0}.modal-buttons button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{color:#d32f2f;background-color:#ffebee;padding:1rem;border-radius:4px;margin-top:1rem}.admin-album-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin:2rem 0}.admin-album-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1.2rem 1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.admin-album-title{font-size:1.2rem;font-weight:600;color:var(--primary-color);margin-bottom:1rem}.admin-album-actions{display:flex;gap:1rem}.admin-album-actions button{padding:.5rem 1.2rem;border-radius:5px;border:none;cursor:pointer;font-size:1rem;background:var(--primary-color);color:#fff;transition:background .2s}.admin-album-actions .delete-btn{background:#d32f2f}.admin-album-actions .delete-btn:hover{background:#b71c1c}.admin-album-actions button:hover{background:var(--secondary-color)}.admin-album-photos-view{margin-top:2rem}.admin-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.2rem;margin-top:1.5rem}.admin-photo-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:.5rem;display:flex;flex-direction:column;align-items:center;position:relative}.admin-photo-item img{width:100%;height:120px;object-fit:cover;border-radius:6px;margin-bottom:.5rem}.admin-photo-item .delete-btn{background:#d32f2f;color:#fff;border:none;border-radius:4px;padding:.3rem .8rem;font-size:.95rem;cursor:pointer;transition:background .2s}.admin-photo-item .delete-btn:hover{background:#b71c1c}@media (max-width: 768px){.media-buttons{flex-direction:column}.modal-content{width:95%;padding:1.5rem}.admin-album-list{grid-template-columns:1fr}.admin-photo-grid{grid-template-columns:1fr 1fr}}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:250px;background-color:#1e3c72;color:#fff;padding:20px;display:flex;flex-direction:column}.admin-logo{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}.admin-logo h2{color:#fff;margin:0;font-size:24px;text-align:center}.admin-nav{list-style:none;padding:0;margin:0;flex-grow:1}.admin-nav li{margin-bottom:10px}.admin-nav a{display:block;padding:12px 15px;color:#fffc;text-decoration:none;border-radius:5px;transition:all .3s ease}.admin-nav a:hover{background-color:#ffffff1a;color:#fff}.admin-nav a.active{background-color:#2a5298;color:#fff}.admin-content{flex-grow:1;padding:20px;background-color:#f8f9fa;overflow-y:auto}.logout-button{margin-top:auto;padding:12px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.logout-button:hover{background-color:#c82333}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;padding:10px}.admin-logo{padding:10px 0}.admin-nav a,.admin-content{padding:10px}}body{margin:0;padding:0;box-sizing:border-box}