.navbar{display:flex;justify-content:space-between;align-items:center;background-color:var(--nav-bg);color:var(--nav-text);padding:1rem 2rem;position:relative}.logo{font-size:1.5rem;font-weight:700}.links{display:flex;gap:24px;transition:max-height .4s}.links a{color:#fff;text-decoration:none;font-size:1.1rem;position:relative;transition:color .3s;padding:4px 0}.links a:after{content:"";display:block;height:2px;width:0;background:#ff9800;transition:width .3s;position:absolute;left:0;bottom:0}.links a:hover,.links a:focus{color:#ff9800}.links a:hover:after,.links a:focus:after{width:100%}.theme-toggle{display:flex;gap:8px}.theme-toggle button{margin-left:.5rem;padding:.3rem .7rem;background-color:transparent;border:1px solid var(--nav-text);color:var(--nav-text);border-radius:.25rem;cursor:pointer;transition:background .2s,color .2s}.theme-toggle button:hover,.theme-toggle button.active{background-color:var(--nav-hover);color:#fff;border-color:var(--nav-hover)}.menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;margin-left:16px}.menu-toggle .bar{width:26px;height:3px;background:#fff;border-radius:2px;transition:all .3s}@media (max-width: 800px){.navbar{flex-wrap:wrap;padding:12px 16px}.links{position:absolute;top:60px;left:0;right:0;background:var(--navbar-bg, #222);flex-direction:column;gap:0;max-height:0;overflow:hidden;z-index:10}.links.open{max-height:300px;padding-bottom:12px}.links a{padding:14px 24px;border-bottom:1px solid #333}.menu-toggle{display:flex}.theme-toggle{margin-left:auto}}.footer{background-color:#2e2e2e;color:#d1d5db;padding:2rem 1rem}.footer-container{display:flex;flex-wrap:wrap;justify-content:center;gap:3rem;max-width:1200px;margin:0 auto}.footer-profile{text-align:center}.profile-img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:.5rem}.profile-name{font-size:1.25rem;font-weight:700;color:#f5f5f5}.profile-role{font-size:.9rem;color:#9ca3af;margin-bottom:.75rem}.footer-subscribe{text-align:center;max-width:300px}.footer-subscribe h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:#f5f5f5}.footer-subscribe p{font-size:.9rem;color:#9ca3af;margin-bottom:.75rem}.subscribe-input{display:flex;align-items:center;border:1px solid #333;border-radius:5px;overflow:hidden;background-color:#111;margin-bottom:1rem}.subscribe-input input{flex:1;padding:.5rem .75rem;background-color:transparent;border:none}.subscribe-input input::placeholder{color:#666}.subscribe-input button{background:none;border:none;color:#f5f5f5;padding:0 .75rem;cursor:pointer}.social-icons{display:flex;justify-content:center;gap:1rem}.social-icons a{color:#d1d5db;font-size:1.4rem;transition:color .3s ease}.social-icons a:hover{color:#4ade80}.footer-bottom{text-align:center;margin-top:2rem;font-size:.85rem;color:#9ca3af;border-top:1px solid #514f4f;padding-top:1rem}body{margin:0;font-family:Segoe UI,sans-serif;background-color:#0d0d0d;color:#fff}.page-header{text-align:center;padding:2rem 1rem;position:sticky;top:0;background-color:#0d0d0d;z-index:10;border-bottom:1px solid #222}.page-header h1{font-size:2.8rem;margin-bottom:.5rem;color:#fff}.page-header p{font-size:1.2rem;color:#ccc}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px;padding:2rem}.gallery-image{width:100%;border-radius:8px;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:transform .3s}.gallery-image:hover{transform:scale(1.04)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{max-width:90%;max-height:80%;border-radius:.5rem}.close{position:absolute;top:1rem;right:2rem;font-size:2rem;color:#fff;cursor:pointer}.prev,.next{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;font-size:2rem;border:none;padding:.5rem 1rem;cursor:pointer;border-radius:.3rem}.prev{left:1rem}.next{right:1rem}.prev:hover,.next:hover{background-color:#000c}.hero{height:80vh;background-size:cover;background-position:center;position:relative}.hero-content{position:absolute;bottom:20%;left:10%;color:#fff}.hero-content h1{font-size:3rem;margin-bottom:1rem}.hero-content button{padding:.6rem 1.2rem;background-color:#4ade80;color:#111;border:none;border-radius:4px;cursor:pointer}.spinner{border:6px solid #eee;border-top:6px solid #ff9800;border-radius:50%;width:48px;height:48px;margin:40px auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{opacity:0;transform:translateY(20px);animation:fadeIn .7s forwards}@keyframes fadeIn{to{opacity:1;transform:none}}@media (max-width: 600px){.gallery-grid{grid-template-columns:1fr;gap:10px}.hero-content h1{font-size:1.5rem}}style/Gallery.css .gallery-section{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;padding:2rem;transition:background-color .3s ease,color .3s ease}.gallery-title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 640px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}.gallery-item{background-color:var(--card-bg);color:var(--card-text);border-radius:.5rem;overflow:hidden;box-shadow:0 10px 15px -3px #00000080;display:flex;flex-direction:column;transition:transform .3s ease,background-color .3s ease,color .3s ease}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #000000b3}.gallery-item img{width:100%;height:12rem;object-fit:cover}.gallery-item .content{padding:1rem}.gallery-item h3{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.gallery-item p{font-size:.875rem;color:var(--text-color);opacity:.8}.about-section{min-height:100vh;padding:2rem;background-color:var(--bg-color);color:var(--text-color);display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease}.about-content{display:flex;flex-direction:column;gap:2rem;max-width:1000px;width:100%}@media (min-width: 768px){.about-content{flex-direction:row;align-items:center}}.about-text-container{flex:1}.about-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;animation:fadeInUp .8s ease forwards}.about-text{margin-bottom:1.5rem;color:var(--text-color);opacity:.85;animation:fadeInUp 1s ease forwards}.about-btn{padding:.75rem 1.5rem;background-color:var(--text-color);color:var(--bg-color);font-weight:600;border-radius:9999px;border:none;cursor:pointer;transition:background-color .3s ease,transform .3s ease,color .3s ease}.about-btn:hover{background-color:var(--card-bg);color:var(--card-text);transform:translateY(-2px)}.about-image-container{flex:1}.about-image{width:100%;border-radius:1rem;box-shadow:0 10px 20px #0006;animation:fadeIn 1s ease forwards}.about-quote{font-style:italic;color:var(--card-text, #555);background:var(--card-bg, #f5f5f5);padding:1rem 1.5rem;border-left:4px solid var(--accent-color, #e67e22);margin-bottom:1.5rem;border-radius:.5rem;font-size:1.1rem;animation:fadeInUp 1.2s ease forwards}.about-timeline{margin:2rem 0 1.5rem;padding-left:.5rem}.about-timeline h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--accent-color, #e67e22)}.about-timeline ul{list-style:none;padding:0;margin:0}.about-timeline li{position:relative;padding-left:1.5rem;margin-bottom:.7rem;color:var(--text-color)}.about-timeline li:before{content:"";position:absolute;left:0;top:.5em;width:.7em;height:.7em;background:var(--accent-color, #e67e22);border-radius:50%}.about-links{margin:1.5rem 0;display:flex;align-items:center;gap:1.2rem}.social-icon{width:28px;height:28px;vertical-align:middle;transition:transform .2s;filter:grayscale(40%)}.social-icon:hover{transform:scale(1.15) rotate(-5deg);filter:none}.resume-link{font-weight:600;color:var(--accent-color, #e67e22);text-decoration:underline;margin-left:.5rem;transition:color .2s}.resume-link:hover{color:var(--text-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.contact-container{min-height:100vh;padding:2rem;background-color:var(--bg-color);color:var(--text-color);scroll-behavior:smooth}.reach-out{text-align:center;font-size:5rem;font-weight:700;opacity:0;transform:translateY(-20px);transition:all .8s ease;color:var(--nav-hover);margin-bottom:.5rem}.reach-out.show{opacity:1;transform:translateY(0)}.contact-content{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:flex-start;max-width:1100px;margin:0 auto}.contact-info{background-color:var(--card-bg);padding:2rem;border-radius:10px;box-shadow:0 0 15px #0003}.contact-info h2{text-align:center;font-size:2rem;margin-bottom:1rem;color:var(--nav-text)}.contact-info p{margin-bottom:1rem;line-height:1.6}.social-links{text-align:center;margin-top:1.5rem}.social-links p{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.social-icons{display:flex;justify-content:center;gap:1rem;margin-top:.5rem}.social-icons a{color:var(--text-color);transition:color .3s}.social-icons a:hover{color:var(--nav-hover)}.contact-content{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;max-width:900px;margin:0 auto;padding-top:1rem}.contact-form{background-color:var(--card-bg);padding:3rem;border-radius:12px;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 0 25px #0000004d;width:100%;max-width:700px}.contact-form input,.contact-form textarea{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--nav-hover);border-radius:8px;padding:1rem 1.2rem;font-size:1.1rem;transition:.3s}.contact-form textarea{min-height:200px;resize:vertical}.contact-form button{background-color:var(--nav-hover);color:#fff;padding:1rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:8px;transition:.3s ease}.contact-form button:hover{background-color:#16a34a}.success{color:#48bb78;margin-top:.5rem;font-weight:600}.error{color:#f56565;margin-top:.5rem;font-weight:600}@media (max-width: 900px){.contact-content{grid-template-columns:1fr}}.email-link{color:var(--nav-hover);text-decoration:underline;font-weight:700}.email-link:hover{color:#16a34a}section{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;padding:2rem;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,color .3s ease}form{background-color:var(--card-bg);padding:1.5rem;border-radius:.5rem;width:100%;max-width:24rem;display:flex;flex-direction:column;gap:1rem}h2{font-size:1.5rem;font-weight:700}input{background-color:var(--bg-color);color:var(--text-color);border:1px solid rgba(255,255,255,.1);border-radius:.375rem;padding:.5rem .75rem;font-size:1rem;transition:background-color .3s ease,color .3s ease}input::placeholder{color:var(--text-color);opacity:.6}input:focus{outline:none;background-color:var(--card-bg);box-shadow:0 0 0 2px var(--nav-hover)}button{background-color:var(--text-color);color:var(--bg-color);font-weight:600;padding:.5rem 0;border-radius:.375rem;cursor:pointer;transition:background-color .3s ease,color .3s ease}button:hover{background-color:var(--card-bg);color:var(--card-text)}p{font-weight:600}p.text-red-500{color:#f56565}section{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;padding:2rem 1rem;transition:background-color .3s ease,color .3s ease}.grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem;justify-items:center}@media (min-width: 640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid{grid-template-columns:repeat(3,1fr)}}.portfolio-header{grid-column:1 / -1;text-align:center;font-size:2.25rem;font-weight:800;margin-bottom:1rem;color:var(--text-color)}.portfolio-item{background-color:var(--card-bg);color:var(--card-text);border-radius:.5rem;overflow:hidden;box-shadow:0 6px 12px #0000004d;transition:transform .3s ease;width:100%;max-width:500px}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-item img{width:100%;height:30rem;object-fit:cover}.portfolio-item .content{padding:.75rem;text-align:center}.portfolio-item h3{font-size:2.125rem;font-weight:600;margin-bottom:.3rem}.portfolio-item p{font-size:1rem;opacity:.7}.portrait-page{padding:2rem;background-color:var(--bg-color);color:var(--text-color)}.portrait-page h1{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:var(--nav-hover);border-bottom:2px solid var(--nav-hover);padding-bottom:.5rem}.portrait-page p.description{max-width:800px;margin:0 auto 2rem;text-align:center;font-size:1.2rem;color:var(--footer-text)}.portrait-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.portrait-gallery img{width:100%;height:500px;border-radius:8px;box-shadow:0 4px 12px #e7dede4d;transition:transform .3s ease}.portrait-gallery img:hover{transform:scale(1.05)}.nature-page{padding:2rem;background-color:var(--bg-color);color:var(--text-color)}.nature-page h1{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:var(--nav-hover);border-bottom:2px solid var(--nav-hover);padding-bottom:.5rem}.nature-page p.description{max-width:800px;margin:0 auto 2rem;text-align:center;font-size:1.2rem;color:var(--footer-text)}.nature-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.nature-gallery img{width:100%;height:500px;border-radius:8px;box-shadow:0 4px 12px #e7dede4d;transition:transform .3s ease;cursor:pointer}.nature-gallery img:hover{transform:scale(1.05)}.lightbox-img{max-width:90%;max-height:90%;border-radius:8px;box-shadow:0 0 20px #fff3}.event-page{padding:2rem;background-color:var(--bg-color);color:var(--text-color)}.event-page h1{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:var(--nav-hover);border-bottom:2px solid var(--nav-hover);padding-bottom:.5rem}.event-page p.description{max-width:800px;margin:0 auto 2rem;text-align:center;font-size:1.2rem;color:var(--footer-text)}.event-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.event-gallery img{width:100%;height:500px;border-radius:8px;box-shadow:0 4px 12px #e7dede4d;transition:transform .3s ease;cursor:pointer}.event-gallery img:hover{transform:scale(1.05)}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.lightbox-img{height:80vh;max-width:90vw;object-fit:contain;border-radius:8px;box-shadow:0 0 20px #fff3}.close{position:fixed;top:20px;right:30px;font-size:40px;color:#fff;cursor:pointer;z-index:1001;transition:color .3s}.close:hover{color:var(--accent-color)}.prev,.next{position:fixed;top:50%;font-size:50px;color:#fff;padding:10px;cursor:pointer;z-index:1001;-webkit-user-select:none;user-select:none;transition:color .3s}.prev:hover,.next:hover{color:var(--accent-color)}.prev{left:20px}.next{right:20px}.blog-container{padding:2rem 1rem;max-width:1200px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.blog-header{text-align:center;margin-bottom:2.5rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.blog-card{background-color:var(--card-bg);padding:1.5rem;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;border:1px solid rgba(255,255,255,.05);box-shadow:0 0 15px #0003}.blog-card img,.blog-card video{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:1rem}.blog-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #00000073;background-color:var(--nav-bg)}.blog-card h2{font-size:1.6rem;margin-bottom:.6rem;color:var(--text-color)}.blog-date{font-size:.9rem;color:var(--footer-text);margin-bottom:1rem}.read-more{margin-top:1.2rem;padding:.5rem 1.3rem;background-color:var(--accent-color);color:#0f172a;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:background-color .3s ease,transform .2s ease}.read-more:hover{background-color:var(--accent-hover);transform:scale(1.05)}.blog-content{font-size:1.15rem;line-height:1.8;color:var(--text-color);margin-bottom:2.5rem}.blog-content p{margin-bottom:1.2rem}.back-link{display:inline-block;margin-top:1rem;color:var(--accent-color);text-decoration:none;font-weight:500;transition:color .3s ease}.back-link:hover{color:var(--accent-hover)}@media (max-width: 600px){.blog-header h1{font-size:2.2rem}.blog-header p{font-size:1rem}.blog-card{padding:1.2rem}.read-more{padding:.4rem 1rem}.blog-card img,.blog-card video{height:160px}}.blog-form{display:flex;flex-direction:column;gap:1rem;max-width:600px;margin:0 auto}.blog-input,.blog-textarea{width:100%;padding:.8rem;border-radius:4px;border:1px solid #374151;background-color:#111827;color:#f5f5f5;font-size:1rem}.blog-input:focus,.blog-textarea:focus{outline:2px solid var(--accent-color)}.blog-container img,.blog-container video{width:100%;max-height:500px;object-fit:contain;border-radius:8px;background-color:#0f172a;margin-bottom:1.5rem}.admin-dashboard{display:flex;min-height:80vh;background:#f8f8f8}.admin-sidebar{width:200px;background:#222;display:flex;flex-direction:column;padding:24px 0;gap:8px}.admin-sidebar button{background:none;border:none;color:#fff;padding:14px 24px;text-align:left;font-size:1rem;cursor:pointer;transition:background .2s}.admin-sidebar button.active,.admin-sidebar button:hover{background:#ff9800;color:#222}.admin-main{flex:1;padding:32px;background:#fff;border-radius:0 8px 8px 0}.admin-list{list-style:none;padding:0;margin:0}.admin-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #eee}.admin-thumb{width:60px;height:40px;object-fit:cover;border-radius:4px;border:1px solid #ccc}.photo-title{flex:1;font-weight:500}.btn{margin-left:6px;padding:4px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;transition:background .2s,color .2s}.btn.edit{background:#ffeb3b;color:#222}.btn.delete{background:#f44336;color:#fff}.btn.save{background:#4caf50;color:#fff}.btn.cancel{background:#bdbdbd;color:#222}.edit-form{display:flex;gap:8px;align-items:center}@media (max-width: 800px){.admin-dashboard{flex-direction:column}.admin-sidebar{flex-direction:row;width:100%;border-radius:8px 8px 0 0;padding:0;justify-content:space-around}.admin-main{padding:16px;border-radius:0 0 8px 8px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #121212;--text-color: #f5f5f5;--nav-bg: #2e2e2e;--nav-text: #ffffff;--nav-hover: #4ade80;--card-bg: #1f2937;--card-text: #f5f5f5;--footer-bg: #1f1f1f;--footer-text: #9ca3af;--accent-color: #4ade80;--accent-hover: #22c55e;--danger-color: #ef4444;--danger-hover: #dc2626}body[data-theme=light]{--bg-color: #f9fafb;--text-color: #1f2937;--nav-bg: #ffffff;--nav-text: #1f2937;--nav-hover: #2563eb;--card-bg: #f1f5f9;--card-text: #1f2937;--footer-bg: #e5e7eb;--footer-text: #374151;--accent-color: #2563eb;--accent-hover: #1e40af;--danger-color: #dc2626;--danger-hover: #b91c1c}body{background-color:var(--bg-color);color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh;transition:background-color .3s ease,color .3s ease}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--nav-bg);color:var(--nav-text)}.navbar .links a{margin-right:1rem;color:var(--nav-text)}.navbar .links a:hover{color:var(--nav-hover)}.navbar .theme-toggle button{margin-left:.5rem;padding:.3rem .8rem;border:1px solid var(--nav-text);background:transparent;color:var(--nav-text);border-radius:4px;cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.navbar .theme-toggle button.active{background-color:var(--nav-hover);color:#fff;border-color:var(--nav-hover)}footer{background-color:var(--footer-bg);color:var(--footer-text);text-align:center;padding:1rem;margin-top:auto;transition:background-color .3s ease,color .3s ease}.blog-header{text-align:center;margin-bottom:2rem}.blog-header h1{font-size:2.8rem;margin-bottom:.6rem;color:var(--text-color)}.blog-header p{color:var(--footer-text);font-size:1.15rem}.blog-card{background-color:var(--card-bg);color:var(--card-text);border-radius:10px;padding:1.5rem;transition:background-color .3s,transform .3s}.blog-card:hover{transform:translateY(-5px);background-color:var(--nav-bg)}.blog-date{color:var(--footer-text);font-size:.9rem}.read-more{background-color:var(--accent-color);color:#fff;padding:.4rem 1.2rem;border-radius:4px;transition:background-color .3s}.read-more:hover{background-color:var(--accent-hover)}.blog-content{color:var(--text-color);font-size:1.1rem;line-height:1.8}@media (max-width: 600px){.blog-header h1{font-size:2rem}}
