:root{--bkgd-color: rgb(146, 122, 89);--primary-color: #B0D6F8;--secondary-color: #9097EE;--accent-color: #65A38D;--second-accent-color: #498671}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Helvetica', 'sans serif';line-height:1.6;color:#333;background-color:var(--bkgd-color);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);position:fixed;top:0;left:0;right:0;z-index:1000;transition:all 0.3s ease}.navbar{padding-bottom:15px}.navbar-collapse{justify-content:flex-end}.navbar-nav{margin-right:0 !important}.navbar-toggler{border:none;padding:4px 8px}.navbar-toggler:focus{box-shadow:none}nav .navbar-brand{font-size:25px;font-weight:bold;color:white}nav .navbar-brand:hover{color:white}nav .nav-item{display:flex;list-style:none;margin-left:1rem;gap:2rem}.navbar-nav .nav-link{position:relative;color:white;text-decoration:none;transition:color 0.3s ease;padding-bottom:10px !important}.navbar-nav .nav-link::after{content:'';position:absolute;bottom:2px;left:50%;width:0;height:2px;background-color:white;transition:all 0.3s ease;transform:translateX(-50%)}.navbar-nav .nav-link:hover::after{width:100%}.hero{height:75vh;display:flex;align-items:center;justify-content:center;text-align:center;color:white;position:relative;background-size:cover;background-position:top;background-repeat:no-repeat}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.4);z-index:1}.hero-content h1{font-size:3.5rem;margin-bottom:1rem}.hero-content{position:relative;z-index:2}.hero-content p{font-size:1.2rem;margin-bottom:2rem}.btn{display:inline-block;font-size:16px;padding:10px 18px 10px 18px !important;color:white !important;text-decoration:none;border-color:white !important;transition:all 0.3s ease;animation:fadeInUp 1s ease 0.6s both;border:none;cursor:pointer;margin:0 15px}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,255,255,0.3)}.about{padding:100px 0;background:white}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text h2{font-size:2.5rem;margin-bottom:1rem;color:#333}.about-text p{margin-bottom:1.5rem;color:#666}.profile-img{width:100%;max-width:400px;height:400px;border-radius:50%;object-fit:cover;box-shadow:0 20px 40px rgba(0,0,0,0.1);transition:transform 0.3s ease}.profile-img:hover{transform:scale(1.05)}@media (max-width: 768px){.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important}.navbar-collapse{background-color:rgba(255,255,255,0.9);color:#333;margin-top:10px;border-radius:10px;padding:20px}.navbar-nav .nav-link{color:#333 !important;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.1)}.navbar-nav .nav-link::after{background-color:#333}.navbar-nav .nav-link:last-child{border-bottom:none}.modal-content{max-width:95vw;max-height:90vh}.modal-image-container{max-width:90vw;max-height:80vh;padding:15px}.modal-image-container img{max-height:55vh}.modal-nav{width:40px;height:40px}.modal-prev{left:10px}.modal-next{right:10px}.modal-close{top:10px;right:10px;width:35px;height:35px;font-size:20px}}@media (max-width: 480px){.modal-image-container{padding:10px}.modal-image-container img{max-height:50vh}.modal-counter{bottom:10px;font-size:0.8rem;padding:6px 12px}}.social-links{display:flex;gap:0.5rem;margin-top:2rem}.social-links a{display:inline-block;width:50px;height:50px;background:rgba(255,255,255,0.1);color:white;text-align:center;line-height:50px;border-radius:50%;text-decoration:none;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center}.social-links img{height:25px;width:25px;object-fit:contain}.social-links a:hover{background:var(--primary-color);transform:translateY(-3px)}footer{background:#333;color:white;text-align:center;padding:2rem 0}@media (max-width: 768px){.nav-links{display:none}.hero-content h1{font-size:2.5rem}.about-content,.contact-content{grid-template-columns:1fr;gap:2rem}.gallery-grid{grid-template-columns:1fr}}
