*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:Arial,sans-serif}header{background-color:#222;color:#fff;text-align:center;padding:20px;flex-shrink:0}main{flex:1;display:flex;justify-content:center;align-items:center;background-color:#f9f9f9}footer{background-color:#222;color:#fff;text-align:center;padding:15px;position:fixed;bottom:0;left:0;width:100%}.site-nav{display:flex;align-items:center;justify-content:center;width:95%;margin-left:auto;margin-right:auto}.nav-list{list-style:none;display:flex;flex-direction:row;gap:10%;padding:5px 80px;margin-top:15px;justify-content:flex-start;width:100%}.nav-item a{text-decoration:none;color:#333;font-weight:500;padding:5px 10px;border-radius:4px;transition:background .2s ease-in-out;border:2px solid rgba(0,0,0,.05);background:#0000000d}.nav-item a:hover{border:2px solid rgba(0,0,0,.6)}@media (max-width:800px){.nav-list{justify-content:center}}@media (max-width:500px){.site-nav{width:99%}}html{scroll-behavior:smooth}section{width:48%;margin-left:auto;margin-right:auto;min-height:60vh;display:flex;justify-content:center;align-items:center}section.first,section.second{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%}section.first{align-items:flex-end;width:20%}.header-nav-wrapper{position:sticky;top:0;z-index:1000;min-width:50vh}.site-header{background-color:#222;color:#fff;text-align:center;padding:50px}.site-nav{background-color:#fff}h1{font-size:38px}h2{font-size:33px;margin-top:2px}p{font-size:20px;margin-top:8px}button{margin-top:10px;font-size:20px;padding:7px 20px}button:hover{cursor:pointer}input{display:inline-block;padding:8px 10px;margin:20px 30px 50px;width:300px}@media (max-width:1400px){section{width:59%}h2{font-size:32px}}@media (max-width:1250px){section{width:68%}h1{font-size:30px}h2{font-size:29px}}@media (max-width:1096px){section{width:73%}h1{font-size:29px}}@media (max-width:980px){section{width:78%}h1{font-size:29px}h2{font-size:28px}p{font-size:19px}}@media (max-width:916px){section{width:100%;flex-direction:column}section.first,section.second{align-items:center;width:95%}section.first{justify-content:flex-end}section.second{justify-content:flex-start}h1{font-size:30px}h2{font-size:29px}p{font-size:20px}}@media (max-width:605px){h1{font-size:27px}h2{font-size:29px}p{font-size:17px}}@media (max-width:515px){h2{font-size:27px}p{font-size:16px}}@media (max-width:485px){section.first,section.second{width:99%}h2{font-size:24px}p{font-size:15.5px}}@media (max-width:397px){h2{font-size:22px}p{font-size:15px}}@media (max-width:363px){h2{font-size:20px}p{font-size:14px}}.gallery-section{padding:2rem;text-align:center}.gallery-header{margin-bottom:2rem}.gallery-header h2{margin:1rem 0 .5rem}.gallery-header p{color:#555}.gallery-grid{width:80%;max-width:1500px;margin:auto;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.gallery-grid img{width:100%;height:250px;object-fit:cover;border-radius:10px;box-shadow:0 4px 10px #00000026;transition:transform .3s ease}.gallery-grid img:hover{transform:scale(1.03)}@media (max-width: 1150px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.gallery-grid{grid-template-columns:1fr}}