body{margin:0;min-height:100vh;background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;background-color:#c3d4dc;background-image:linear-gradient(135deg,#c3d4dc,#ededed,#8ac7d7)}.home{padding:20px;box-sizing:border-box}.home h2{text-align:center;margin-bottom:20px;color:#011f32}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:1024px){.gallery{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.gallery{grid-template-columns:repeat(1,1fr)}}.card{background:#fff;border-radius:10px;padding:8px;box-shadow:0 2px 8px #00000014;transition:transform .2s ease}.card:hover{transform:translateY(-4px)}.card img{width:100%;height:160px;object-fit:cover;border-radius:8px;display:block;cursor:pointer}.card p{margin-top:6px;font-size:1rem;color:#011f32;text-align:center;word-wrap:break-word}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:24px;flex-wrap:wrap}.pagination button{padding:6px 14px;border:none;border-radius:6px;background-color:#011f32;color:#fff;cursor:pointer}.pagination button:disabled{background-color:#ccc;cursor:not-allowed}.pagination span{font-size:.95rem;color:#011f32}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:10px}.modal-content{background:#fff;padding:20px;max-width:600px;width:100%;border-radius:10px;position:relative;max-height:90vh;overflow-y:auto}.modal-content h3{margin-top:0;color:#011f32;word-wrap:break-word}.modal-content img{width:100%;max-height:400px;object-fit:cover;border-radius:8px;margin:16px 0}.modal-content p{line-height:1.6;font-size:1.05rem;color:#011f32;word-wrap:break-word}.modal-close{position:absolute;top:10px;right:14px;background:none;border:none;font-size:24px;cursor:pointer}.btn-a{background-color:#1abc9c;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background .3s,transform .2s}.btn-a:hover{background-color:#16a085;transform:scale(1.05)}.btn-b{background-color:#3498db;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background .3s,transform .2s}.btn-b:hover{background-color:#2980b9;transform:scale(1.05)}.btn-c{background-color:#e74c3c;color:#fff;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background .3s,transform .2s}.btn-c:hover{background-color:#c0392b;transform:scale(1.05)}html,body{margin:0;padding:0;width:100%}.news-page{background:#fff;min-height:100vh;padding:20px;box-sizing:border-box;margin:10px auto;max-width:1500px;width:100%;border-radius:12px;box-shadow:0 4px 12px #0000001a}.news-page .editor{margin-bottom:16px;border:1px solid #ddd;padding:28px;border-radius:8px;background:#fafafa}.editor input,.editor textarea{width:100%;padding:10px;margin-bottom:10px;border-radius:6px;border:1px solid #ccc;font-size:14px}.editor-buttons button{margin-right:8px}.preview-img{width:180px;margin:10px 0;border-radius:10px;display:block}.news-list .news-item{border-bottom:1px solid #eee;padding:12px 0}.news-image{width:100%;max-width:400px;height:auto;aspect-ratio:16 / 9;border-radius:12px;margin:0 auto 10px;display:block;object-fit:cover}.news-row{display:flex;align-items:center;gap:12px}.news-id{width:30px;font-weight:700;text-align:right;color:#555}.news-title{margin:0;font-size:18px}.news-actions button{margin-right:8px}.news-page .error{color:#d9534f;margin-top:8px;font-size:14px}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px}.pagination button{background:#fff;border:1px solid #ccc;color:#333;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.pagination button:hover{background:#007bff;color:#fff;border-color:#007bff}.pagination button:disabled{background:#eee;color:#999;border-color:#ccc;cursor:not-allowed}.pagination .page-number{font-weight:700;background:#007bff;color:#fff;border-color:#007bff}.admin-login{width:350px;margin:80px auto;padding:30px 25px;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 12px #0000001a;background-color:#dcedef;text-align:center;font-family:Arial,sans-serif}.admin-login h2{margin-bottom:25px;color:#333}.admin-login form{display:flex;flex-direction:column}.admin-login input{padding:12px 15px;margin-bottom:15px;border:1px solid #ccc;border-radius:6px;font-size:14px;transition:border-color .3s;width:100%;box-sizing:border-box}.admin-login input:focus{border-color:#007bff;outline:none}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{flex:1;padding-right:40px}.eye-icon{position:absolute;right:12px;cursor:pointer;font-size:18px;-webkit-user-select:none;user-select:none}.admin-login button{padding:12px;border:none;border-radius:6px;background-color:#007bff;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s}.admin-login button:hover{background-color:#0056b3}.admin-login .msg{margin-top:15px;color:#d9534f;font-size:14px;word-wrap:break-word}@media(max-width:600px){.admin-login{width:90%;padding:25px 20px;margin:50px auto}.admin-login input{font-size:16px}.admin-login button{font-size:18px;padding:14px}}@media(max-width:400px){.admin-login{padding:20px 15px;margin:30px auto}}:root{--nav-height: 64px}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);display:flex;align-items:center;z-index:1000;transition:background-color .25s ease,box-shadow .25s ease;background-color:#2b586ef2;color:#fff;padding:0 16px}.navbar.scrolled{background-color:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav-container{width:100%;display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto}.logo{color:#fff;margin:0;font-size:1.25rem}.nav-links{list-style:none;display:flex;gap:16px;margin:0;padding:0}.nav-links li a{color:#fff;text-decoration:none;font-size:1rem;padding:8px}.nav-links li a:hover{color:#bdbdbd;text-decoration:none}.hamburger{display:none;cursor:pointer;width:36px;height:26px;flex-direction:column;justify-content:space-between}.bar{display:block;height:3px;width:100%;background:#fff;transition:transform .3s,opacity .3s}.bar.open:nth-child(1){transform:translateY(9px) rotate(45deg)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media(max-width:768px){.hamburger{display:flex}.nav-links{position:absolute;right:16px;top:var(--nav-height);background:#4d8daef2;flex-direction:column;padding:12px;display:none;border-radius:8px}.nav-links.active{display:flex}}.page-content{margin-top:var(--nav-height);padding:24px;max-width:1100px;margin-left:auto;margin-right:auto}.logo-img{height:75px;width:auto}.footer{background:#111;color:#fff;text-align:center;padding:15px 20px;font-size:14px;margin-top:40px;border-top:1px solid #333}.page-content{min-height:calc(100vh - 120px)}