html,body{height:100%;margin:0;padding:0;font-family:Arial,sans-serif}.container{display:flex;flex-direction:column;min-height:100vh}.header{background-color:#fff;padding:15px;text-align:center}.header a{color:#000;text-decoration:none;font-size:28px;font-weight:700;display:inline-block}.navbar{background-color:#3498db;display:flex;justify-content:center;gap:20px;padding:0}.navbar a{color:#fff;text-decoration:none;font-size:18px;padding:15px 20px;border-radius:4px;transition:background-color .3s ease}.navbar a:hover{background-color:#1d6494;font-weight:700}.navbar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999}.navbar-overlay.open{display:block}.main-content{flex-grow:1;max-width:1200px;margin:0 auto;padding:0px auto;text-align:center}.page-header{width:100%;background-color:#2c3e50;color:#fff;padding:15px 0;text-align:center;font-size:20px;font-weight:700;border-bottom:1px solid #ccc}.footer{background-color:#2c3e50;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;flex-wrap:wrap;padding:20px;gap:20px;margin-top:auto}.footer-content{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.footer-left div{display:flex;align-items:center;justify-content:center;gap:5px;margin-bottom:5px}.footer-right{display:flex;gap:20px;padding:0 20px}.footer-right img{width:50px;height:50px}.content-wrapper{flex:1;display:flex;flex-direction:column}.menu-toggle{display:none}.login-button,.logout-button{display:inline-block;padding:8px 16px;font-size:14px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer}.login-button:hover,.logout-button:hover{background-color:#1d6494}.login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:2000}.login-modal{background-color:#fff;padding:10px 20px;border-radius:8px;text-align:center;width:300px;box-shadow:0 4px 12px #00000026}.login-modal input{width:90%;margin:10px 0;padding:8px;font-size:16px}.login-modal .error{color:red;font-size:14px;margin:10px 0}.ok-button,.cancel-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.ok-button{background-color:#4caf50;color:#fff}.ok-button:hover{background-color:#45a049}.cancel-button{background-color:#f44336;color:#fff}.cancel-button:hover{background-color:#d32f2f;color:#fff}.admin-login-wrapper{display:flex;justify-content:center;align-items:center;padding:30px}@media (max-width: 768px){.menu-toggle{display:block;position:absolute;z-index:1100;top:30px;left:15px;color:#3498db;background:none;border:none;cursor:pointer}.navbar{display:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:#3498db;position:fixed;top:0;left:0;width:150px;height:100%;z-index:1100;box-shadow:2px 0 8px #0003;padding-top:60px;gap:0px}.navbar.open{display:flex}.navbar a{display:block;color:#fff;text-decoration:none;font-size:18px;padding:15px 20px;width:100%;box-sizing:border-box;border-radius:0;transition:background-color .3s ease;border-bottom:1px solid white}}.contact-page{padding:30px 20px;max-width:1200px;margin:0 auto}.contact-cards{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:350px;margin:0 auto}.contact-card{display:flex;align-items:center;justify-content:center;gap:20px;background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;padding:15px 20px;width:100%;transition:transform .2s,box-shadow .2s;text-align:center}.contact-card:hover{box-shadow:0 8px 20px #00000026}.icon-circle{display:flex;align-items:center;justify-content:center;border-radius:50%;width:50px;height:50px}.icon-circle.location{background-color:#ff6b6b}.icon-circle.phone{background-color:#4ecdc4}.icon-circle.email{background-color:#ffd93d}.icon{font-size:24px;color:#fff}.content{font-size:18px;line-height:1.5}@media (max-width: 480px){.contact-card{padding:12px 16px}.icon-circle{width:40px;height:40px}.icon{font-size:20px}.content{font-size:16px}}.eventlist-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px;padding:20px;box-sizing:border-box;gap:24px}.event-btn{width:100%;max-width:800px;height:200px;margin:0 auto;border:none;border-radius:12px;background-size:cover;background-position:center;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s ease;box-sizing:border-box}.event-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;z-index:1}.event-btn:hover{transform:scale(1.02)}.event-text{position:absolute;bottom:15px;left:20px;color:#fff;font-size:22px;font-weight:700;text-shadow:2px 2px 6px rgba(0,0,0,.7);z-index:2}.event1{background-image:url(https://res.cloudinary.com/dtecs6q1u/image/upload/v1755658568/eventPotential_wsuypf.png)}.event2{background-image:url(https://res.cloudinary.com/dtecs6q1u/image/upload/v1755507494/eventVolunteer_mfqk4z.png)}@media (max-width: 768px){.event-btn{height:140px}}.home-page{color:#333;line-height:1.6;background-color:#005fa3}.hero-section{position:relative;height:70vh;overflow:hidden;background:linear-gradient(#005fa3,#005fa34d),url(https://res.cloudinary.com/dtecs6q1u/image/upload/v1756025387/cross-4062996_1280_gwqvob.jpg) center/cover no-repeat}.hero-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-weight:700;color:#fff;text-shadow:0px 1px 1px rgba(0,0,0,.5)}.hero-text h2{font-size:2.5rem;margin-bottom:.5rem;margin-top:.5rem;font-weight:700}.hero-text p{font-size:1.2rem;margin-bottom:2.5rem;margin-top:2rem}.hero-button{background:#1da1ff;color:#fff;padding:15px 25px;border-radius:30px;font-size:1rem;text-decoration:none;transition:transform .3s}.hero-button:hover{background:#0085e3}.about-section{min-height:300px;padding:60px 20px;background:linear-gradient(#2c3e50,#2c3e5066),url(https://res.cloudinary.com/dtecs6q1u/image/upload/v1756025398/book-2073022_1280_swavxa.jpg) center/cover no-repeat;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.about-content{display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:auto;flex-wrap:wrap}.about-text{flex:1;padding:0 20px}.about-text h2{font-size:2rem;margin-bottom:.5rem;margin-top:.5rem;color:#fff}.about-text p{font-size:1.2rem;line-height:1.8;color:#fff}.about-image{flex:1;text-align:center;padding:10px}.about-image img{max-width:100%;border-radius:12px;box-shadow:0 4px 12px #0000001a}.activities-section{padding:60px 20px;background:linear-gradient(#c0e5ffe6,#ffffffb3),url(https://res.cloudinary.com/dtecs6q1u/image/upload/v1756025407/meadows-8313453_1280_mmny3n.jpg) center/cover no-repeat;min-height:350px;align-items:center}.activities-section h2{text-align:center;font-size:2rem;margin-bottom:2rem;margin-top:.5rem;color:#007bd3;text-shadow:0px 1px 1px rgba(0,0,0,.5)}.activities-list{max-width:1100px;margin:0 auto;padding:0;list-style:none;display:flex;flex-direction:column;gap:20px}.activity-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:#ffffff80;border-radius:12px;padding:30px 20px;box-shadow:0 3px 8px #0000004d;transition:box-shadow .2s}.activity-item:hover{box-shadow:0 6px 14px #00000040}.activity-icon{width:80px}.activity-item h3{margin:0;font-size:1.6rem;color:#005fa3}.activity-item p{margin:0;font-size:1.2rem;color:#444;line-height:1.6;word-break:break-word}@media (max-width: 768px){.hero-section{height:50vh}.hero-text h2{font-size:2rem}.hero-text p{font-size:1.2rem}.about-content{flex-direction:column}.about-text,.about-image{text-align:center}}@media (min-width: 992px){.activities-list{flex-direction:row}.activity-item{flex:1}}.news-container{max-width:900px;margin:10px auto 30px;padding:0 20px;text-align:left}.news-card{border-bottom:1px solid #ccc;padding:10px 0}.news-header{display:flex;flex-direction:column;gap:5px}.news-title-group{display:flex;align-items:center;gap:20px}.news-actions{display:flex;gap:8px}.news-detail{max-width:900px;margin:30px auto;padding:0 20px;text-align:left}.news-title{font-size:22px;font-weight:700;margin-top:10px;margin-bottom:10px;color:#2c3e50}.news-time{color:#666;margin-bottom:10px;font-size:14px}.news-content{padding:10px 0;line-height:1.6;max-width:100%;overflow-x:visible;box-sizing:border-box;word-wrap:break-word}.news-content p{margin:8px 0}.news-content img{max-width:97%;height:auto}.news-content iframe{max-width:97%;aspect-ratio:16 / 9;height:auto;display:block}.news-actions{display:flex;gap:10px}.new-tag{background-color:red;color:#fff;font-size:14px;font-weight:700;padding:2px 6px;border-radius:4px}.news-link{text-decoration:none}.back-button,.edit-button,.delete-button{padding:6px 12px 3px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.back-button{padding:6px 12px;background-color:#3498db;color:#fff;display:flex;align-items:center}.back-button:hover{background-color:#1d6494}.edit-button{background-color:#4caf50;color:#fff}.edit-button:hover{background-color:#45a049}.delete-button{background-color:#f44336;color:#fff}.delete-button:hover{background-color:#d32f2f;color:#fff}.news-edit{max-width:900px;margin:0 auto;padding:20px}.form-group{margin-bottom:10px}.form-group label{display:block;margin-bottom:8px;font-weight:700;font-size:16px}.title-input,.date-input{width:90%;padding:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:5px;font-size:16px}.editor-container{margin-bottom:20px}.edit-actions{display:flex;gap:10px}.save-button,.cancel-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.save-button{background-color:#4caf50;color:#fff}.save-button:hover{background-color:#45a049}.cancel-button{background-color:#888;color:#fff}.cancel-button:hover{background-color:#666}.tox .tox-tbtn__select-label{width:50px!important}.tox-edit-area iframe{resize:none!important}