:root{--bg-dark: #0a0a0a;--bg-light: #1a1a1a;--accent: #d7b56d;--text-main:#eeeeee;--text-muted:#aaaaaa;font-size: 16px} *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior: smooth;scroll-padding-top: 120px} body{font-family: 'Open Sans',sans-serif;color: var(--text-main);background: var(--bg-dark);line-height: 1.6;overflow-x: hidden} header{display: flex;justify-content: space-between;align-items: center;padding: 15px 5%;background: rgba(0,0,0,0.9);position: sticky;top: 0;z-index: 1000} .header-left{display: flex;align-items: center;gap: 20px} .logo{flex: 0 0 auto;font-family:'Playfair Display',serif;font-size:1.75rem;letter-spacing:0.1em;color:var(--accent)} nav{order: 3} nav a{margin-left:1.5rem;text-decoration:none;font-weight:600;color:var(--text-main);transition:color .3s ease} nav a:hover{color:var(--accent)} .social-links{display: flex;gap: 12px;align-items: center} .social-link{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;color: #d7b56d;font-size: 16px;transition: all 0.3s ease;text-decoration: none;background: rgba(215,181,109,0.1);border: 1px solid rgba(215,181,109,0.3)} .social-link:hover{transform: scale(1.1);background: rgba(215,181,109,0.2);border-color: #d7b56d;color: #fff} .social-link.whatsapp,.social-link.telegram,.social-link.instagram{} .social-link.whatsapp:hover,.social-link.telegram:hover,.social-link.instagram:hover{} #nav-toggle{display:none} .hamburger{display:none;cursor:pointer;width:1.75rem;height:1.25rem;position:relative} .hamburger span,.hamburger span::before,.hamburger span::after{content:'';position:absolute;height:2px;left:0;right:0;background:var(--accent);transition:.3s} .hamburger span{top:50%;transform:translateY(-50%)} .hamburger span::before{top:-8px} .hamburger span::after{top:8px} @media(max-width:767px){nav{position:fixed;top:4rem;right:0;left:0;background: var(--bg-light);display:flex;flex-direction:column;align-items:center;max-height:0;overflow:hidden;transition:max-height .4s ease} nav a{margin:1rem 0} #nav-toggle:checked ~ nav{max-height:14rem} .hamburger{display:block} .about-content{flex-direction: column;gap: 2rem} .about-carousel{width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw)} .carousel-container{width: 100%;max-width: none} .carousel-slide{height: 450px;width: 100%} .carousel-slide img{height: 450px;object-fit: contain !important;width: 100% !important} } .hero{min-height: 100vh;display: flex;align-items: center;justify-content: center;text-align: center;padding: 0 1rem;position: relative;overflow: hidden} .hero::before{display: none !important} @media (max-width: 767px){.hero{background: none} .hero::before{display: block;background-attachment: scroll;will-change: transform} @supports (background-attachment: fixed){.hero::before{background-attachment: fixed} } } .hero-inner h1{font-family:'Playfair Display',serif;font-size:clamp(2.5rem,6vw,4rem);letter-spacing:.06em;margin-bottom:.75rem} .hero-inner p{font-size:1.1rem;max-width:28rem;margin:0 auto 1.5rem;text-shadow: 0 2px 8px rgba(0,0,0,0.7),0 0px 1px #000;font-weight: 600} .location-indicator{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.5rem;margin: 0 auto 2rem;padding: 1rem 1.5rem;background: rgba(0,0,0,0.3);border: 1px solid rgba(215,181,109,0.5);border-radius: 8px;max-width: 600px;margin-left: auto;margin-right: auto;text-shadow: 0 2px 8px rgba(0,0,0,0.7),0 0px 1px #000} .location-booking-prompt{display: flex;align-items: center;gap: 0.5rem;margin-top: 0.5rem;padding: 0.6rem 1rem;background: rgba(215,181,109,0.25);border: 1px solid rgba(215,181,109,0.5);border-radius: 15px;font-size: 0.9rem;color: var(--text-main);transition: all 0.3s ease;text-decoration: none;cursor: pointer;font-weight: 500;box-shadow: 0 2px 8px rgba(215,181,109,0.15)} .location-booking-prompt:hover{background: rgba(215,181,109,0.4);border-color: var(--accent);transform: scale(1.03);box-shadow: 0 4px 16px rgba(215,181,109,0.25)} .location-booking-prompt .booking-text{color: var(--text-main);font-weight: 500} .location-booking-prompt .whatsapp-link{display: flex;align-items: center;justify-content: center;width: 26px;height: 26px;background: rgba(215,181,109,0.3);border: 1px solid rgba(215,181,109,0.5);border-radius: 50%;color: var(--accent);text-decoration: none;font-size: 13px;transition: all 0.3s ease;margin-left: 0.3rem;font-weight: bold} .location-booking-prompt:hover .whatsapp-link{transform: scale(1.15);background: var(--accent);border-color: var(--accent);color: var(--bg-dark)} .location-info{text-align: center;margin-bottom: 3rem;padding: 1rem 1.5rem;background: rgba(215,181,109,0.1);border: 1px solid rgba(215,181,109,0.3);border-radius: 8px;max-width: 600px;margin-left: auto;margin-right: auto;display: flex;flex-direction: column;gap: 0.5rem;text-shadow: 0 2px 8px rgba(0,0,0,0.7),0 0px 1px #000} .location-info-booking-prompt{display: flex;align-items: center;justify-content: center;gap: 0.5rem;margin-top: 0.75rem;padding: 0.7rem 1.2rem;background: rgba(215,181,109,0.2);border-radius: 12px;font-size: 0.95rem;color: var(--text-main);border: 1px solid rgba(215,181,109,0.4);transition: all 0.3s ease;text-decoration: none;cursor: pointer;font-weight: 500;box-shadow: 0 2px 10px rgba(215,181,109,0.15)} .location-info-booking-prompt:hover{background: rgba(215,181,109,0.35);border-color: var(--accent);transform: translateY(-2px);box-shadow: 0 6px 20px rgba(215,181,109,0.25)} .location-info-booking-prompt .booking-text{color: var(--text-main);font-weight: 500} .location-info-booking-prompt .whatsapp-link{display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;background: rgba(215,181,109,0.3);border: 1px solid rgba(215,181,109,0.5);border-radius: 50%;color: var(--accent);text-decoration: none;font-size: 15px;transition: all 0.3s ease;margin-left: 0.4rem;font-weight: bold} .location-info-booking-prompt:hover .whatsapp-link{transform: scale(1.15);background: var(--accent);border-color: var(--accent);color: var(--bg-dark)} .location-info-item{display: flex;align-items: center;justify-content: center;gap: 0.5rem} .location-info-item i{color: var(--accent)} .location-info-item span{color: var(--text-main);font-size: 1rem} .location-info strong{color: var(--accent)} .services-content{display: flex;flex-direction: column;gap: 3rem} .rates-section{margin: 0 auto;width: 100%;max-width: 400px} .services-section{margin: 0 auto;width: 100%;max-width: 700px} .services-section .table-container{max-width: 900px;margin: 0 auto} .services-heading{font-family: 'Playfair Display',serif;font-size: 1.5rem;color: var(--accent);margin-bottom: 1.5rem;text-align: center} .table-container{overflow-x: auto;border-radius: 8px;background: var(--bg-light);border: 1px solid rgba(215,181,109,0.15)} .rates-table,.services-table{width: 100%;border-collapse: collapse;font-size: 0.9rem} .rates-table th,.services-table th,.rates-table td,.services-table td{padding: 0.75rem 1rem;text-align: left;border-bottom: 1px solid rgba(215,181,109,0.1)} .rates-table th,.services-table th{background: rgba(215,181,109,0.1);font-weight: 600;color: var(--accent);font-family: 'Playfair Display',serif;font-size: 1rem} .rates-table th:nth-child(2),.rates-table th:nth-child(3),.rates-table td:nth-child(2),.rates-table td:nth-child(3){text-align: center;width: 120px} .services-table th:nth-child(2),.services-table th:nth-child(3){text-align: center;width: 100px} .services-table td:nth-child(2),.services-table td:nth-child(3){text-align: center;font-weight: 600;width: 100px} .services-table td:nth-child(2){color: var(--accent)} .services-table td:nth-child(3){color: var(--text-main)} .rates-table tbody tr:hover,.services-table tbody tr:hover{background: rgba(215,181,109,0.05)} .services-info-text{max-width: 700px;margin: 0 auto 2rem auto;text-align: left;line-height: 1.8;color: var(--text-main)} .services-info-text p{margin-bottom: 1.5rem} .services-info-text h4{font-family: 'Playfair Display',serif;font-size: 1.3rem;color: var(--accent);margin-top: 2rem;margin-bottom: 1rem} .services-info-text ul{list-style: disc;margin-left: 20px;padding-left: 1rem;margin-bottom: 1.5rem} .services-info-text li{margin-bottom: 0.75rem} .services-info-text a{color: var(--accent);text-decoration: none;font-weight: 600} .services-info-text a:hover{text-decoration: underline} .container{padding:2rem 1.5rem} .container.wide{max-width:1200px;margin:auto} .container.narrow{max-width:800px;margin:auto} .section-title{font-family:'Playfair Display',serif;font-size:2.25rem;margin-bottom:2.5rem;text-align:center;color:var(--accent)} .about-content{display: flex;gap: 3rem;align-items: flex-start} .about-text{flex: 1} .intro-text{font-size: 1.1rem;margin-bottom: 2rem;line-height: 1.7} .about-heading{font-family: 'Playfair Display',serif;font-size: 1.4rem;color: var(--accent);margin: 1.5rem 0 0.75rem 0;font-weight: 600} .closing-text{margin-top: 1.5rem;font-style: italic;color: var(--text-muted)} .about-carousel{flex: 1} .carousel-container{position: relative;max-width: 100%;margin: auto;overflow: hidden} .carousel-slide{position: relative;height: 450px;width: 100%} .carousel-slide img{position: absolute;top: 0;left: 0;width: 100% !important;height: 450px;object-fit: contain;border-radius: 8px;background: var(--bg-light);cursor: pointer;transition: transform 0.3s ease;display: none;box-sizing: border-box} .carousel-slide img:hover{transform: scale(1.05)} .carousel-btn{position: absolute;top: 50%;transform: translateY(-50%);background: rgba(0,0,0,0.5);color: white;border: none;padding: 16px;cursor: pointer;font-size: 18px;border-radius: 0 3px 3px 0} .carousel-btn.next{right: 0;border-radius: 3px 0 0 3px} .carousel-btn:hover{background: rgba(0,0,0,0.8)} .carousel-dots{text-align: center;margin-top: 15px} .dot{cursor: pointer;height: 15px;width: 15px;margin: 0 5px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.3s ease} .dot.active,.dot:hover{background-color: var(--accent)} .image-modal{display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.9);opacity: 0;transition: opacity 0.3s ease;align-items: center;justify-content: center} .image-modal.show{display: flex;opacity: 1} .image-modal-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer} .image-modal-content{position: relative;width: 100vw;height: 100vh;display: flex;align-items: center;justify-content: center;padding: 20px;box-sizing: border-box} .image-modal-image{max-width: 100%;max-height: 100%;width: auto;height: auto;object-fit: contain;border-radius: 8px;box-shadow: 0 10px 30px rgba(0,0,0,0.5)} .image-modal-close{position: absolute;top: 20px;right: 20px;background: rgba(0,0,0,0.5);border: none;font-size: 30px;color: white;cursor: pointer;z-index: 10000;padding: 10px 15px;border-radius: 50%;transition: all 0.3s ease;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center} .image-modal-close:hover{background: rgba(215,181,109,0.8);transform: scale(1.1)} .image-modal-nav{position: absolute;top: 50%;transform: translateY(-50%);background: rgba(0,0,0,0.5);border: none;color: white;font-size: 24px;cursor: pointer;padding: 15px 10px;border-radius: 5px;transition: all 0.3s ease;z-index: 10000;user-select: none} .image-modal-nav:hover{background: rgba(215,181,109,0.8);transform: translateY(-50%) scale(1.1)} .image-modal-nav.prev{left: 20px} .image-modal-nav.next{right: 20px} .carousel-slide img{cursor: pointer;transition: transform 0.3s ease} .carousel-slide img:hover{transform: scale(1.05)} .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem} .card{background:var(--bg-light);border:1px solid rgba(215,181,109,0.15);padding:2.5rem 2rem;text-align:center;transition:transform .35s ease,box-shadow .35s} .card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(0,0,0,0.45)} .card-icon{font-size:2.25rem;margin-bottom:1rem;color:var(--accent)} .card h3{font-family:'Playfair Display',serif;margin-bottom:.75rem} .ig-embed{margin:0 auto 1.5rem;max-width:500px} .link-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center} .link-buttons a{padding:.65rem 1.5rem;border:1px solid var(--accent);text-decoration:none;font-weight:600;color:var(--accent);transition:background .3s} .link-buttons a:hover{background:var(--accent);color:var(--bg-dark)} .contact-list{list-style:none;display:flex;flex-direction:column;gap:.75rem;font-size:1.1rem;align-items: center;margin: 0 auto} .contact-list li{display: flex;align-items: center;justify-content: center} .contact-list a{color:var(--text-main);text-decoration:none} .contact-list i{color:var(--accent);margin-right:.75rem;width: 20px;text-align: center;flex-shrink: 0} .contact-platform{margin-right: 0.5rem;font-weight: 600;color: var(--text-main)} footer{background:var(--bg-light);text-align:center;padding:2rem 1rem;font-size:.9rem;color:var(--text-muted)} footer a{color:var(--accent);text-decoration:none} .location-indicator,.location-info{opacity: 0;transition: opacity 0.3s ease-in-out} .location-indicator.loaded,.location-info.loaded{opacity: 1} .location-indicator,.location-info{animation: fallback-show 0.1s ease-in-out 2s forwards} @keyframes fallback-show{to{opacity: 1} } @media(max-width:767px){nav{position:fixed;top:4rem;right:0;left:0;background: var(--bg-light);display:flex;flex-direction:column;align-items:center;max-height:0;overflow:hidden;transition:max-height .4s ease} nav a{margin:1rem 0} #nav-toggle:checked ~ nav{max-height:14rem} .hamburger{display:block} .about-content{flex-direction: column;gap: 2rem} .about-carousel{width: 100vw;margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw)} .carousel-container{width: 100%;max-width: none} .carousel-slide{height: 450px;width: 100%} .carousel-slide img{height: 450px;object-fit: contain !important;width: 100% !important} .services-content{gap: 2rem} .rates-section,.services-section{max-width: 100%} .rates-table th,.services-table th,.rates-table td,.services-table td{padding: 0.5rem 0.75rem;font-size: 0.85rem} .rates-table th:nth-child(2),.rates-table th:nth-child(3),.rates-table td:nth-child(2),.rates-table td:nth-child(3){width: 90px} .services-table th:nth-child(2),.services-table th:nth-child(3),.services-table td:nth-child(2),.services-table td:nth-child(3){width: 80px} header{flex-wrap: wrap} .social-links{order: 3;margin-top: 10px;width: 100%;justify-content: center;gap: 20px} nav{order: 4} .location-booking-prompt{font-size: 0.85rem;padding: 0.5rem 0.8rem} .location-booking-prompt .whatsapp-link{width: 24px;height: 24px;font-size: 12px} .location-info-booking-prompt{font-size: 0.9rem;padding: 0.6rem 1rem} .location-info-booking-prompt .whatsapp-link{width: 28px;height: 28px;font-size: 14px} .carousel-slide{height: 450px} .carousel-slide img{height: 450px;object-fit: contain !important;width: 100% !important} } .cta{display:inline-block;padding:.85rem 2.5rem;border:2px solid var(--accent);letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--accent);text-decoration:none;transition:all .3s;margin: 0.5rem;text-shadow: 0 1px 3px rgba(0,0,0,0.6);background-color: rgba(0,0,0,0.3);border-radius: 5px} .cta:hover{background:var(--accent);color:var(--bg-dark)} @keyframes pulse-animation{0%{transform: scale(1)} 50%{transform: scale(1.05)} 100%{transform: scale(1)} } .cta-glow{animation: pulse-animation 2s infinite ease-in-out} .top-bar{background-color: rgba(0,0,0,0.9);padding: 8px 0;position: sticky;top: 0;z-index: 1000} .top-bar-content{max-width: 1200px;margin: 0 auto;padding: 0 20px;display: flex;justify-content: flex-end} .social-links{display: flex;gap: 12px;align-items: center} .social-link{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 50%;color: #d7b56d;font-size: 16px;transition: all 0.3s ease;text-decoration: none;background: rgba(215,181,109,0.1);border: 1px solid rgba(215,181,109,0.3)} .social-link:hover{transform: scale(1.1);background: rgba(215,181,109,0.2);border-color: #d7b56d;color: #fff} .social-link.whatsapp,.social-link.telegram,.social-link.instagram{} .social-link.whatsapp:hover,.social-link.telegram:hover,.social-link.instagram:hover{} @media (max-width: 768px){.top-bar-content{justify-content: center;padding: 0 10px} .social-links{gap: 15px} .social-link{width: 36px;height: 36px;font-size: 18px} } .location-item{display: flex;align-items: center;gap: 0.5rem} .location-item i{color: var(--accent);font-size: 0.9rem} .location-label{color: var(--text-main);font-size: 0.9rem;font-weight: 500;text-shadow: 0 2px 8px rgba(0,0,0,0.7),0 0px 1px #000} .location-value{color: var(--text-main);font-size: 1rem;font-weight: 500;text-shadow: 0 2px 8px rgba(0,0,0,0.7),0 0px 1px #000} .location-value strong{color: var(--accent);font-weight: 600;text-shadow: 0 2px 8px rgba(0,0,0,0.7),0 0px 1px #000} .location-dates{color: var(--text-muted);font-size: 0.85rem;text-shadow: 0 2px 8px rgba(0,0,0,0.7),0 0px 1px #000} @media (max-width: 767px){.hero{background: none} .hero::before{display: block;background-attachment: scroll;will-change: transform} @supports (background-attachment: fixed){.hero::before{background-attachment: fixed} } } .video-promo-content{text-align: center} .video-promo-content p{max-width: 600px;margin: 0 auto 2rem auto} .video-list{display: grid;grid-template-columns: 1fr;gap: 3rem;max-width: 800px;margin: 0 auto} .video-item{position: relative;display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;align-items: center;background: var(--bg-light);padding: 2rem;border-radius: 8px;border: 1px solid rgba(215,181,109,0.15)} .video-vidsheet img{width: 100%;border-radius: 8px;cursor: pointer;transition: transform 0.3s ease} .video-vidsheet img:hover{transform: scale(1.05)} .video-title{font-family: 'Playfair Display',serif;font-size: 1.5rem;color: var(--accent);margin-bottom: 1rem} .video-meta{display: flex;gap: 1rem;margin-bottom: 1rem;align-items: center} .video-duration{display: inline-flex;align-items: center;gap: 0.5rem;font-size: 0.9rem;color: var(--text-muted);font-weight: 600} .video-duration i{color: var(--accent)} .video-description{margin-bottom: 1.5rem} @media (max-width: 767px){.video-item{grid-template-columns: 1fr} } .video-modal{display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.9);opacity: 0;transition: opacity 0.3s ease;align-items: center;justify-content: center} .video-modal.show{display: flex;opacity: 1} .video-modal-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer} .video-modal-content{position: relative;width: 90vw;height: auto;max-width: 1200px;padding: 20px;box-sizing: border-box} .video-modal-video{width: 100%;height: auto;border-radius: 8px;box-shadow: 0 10px 30px rgba(0,0,0,0.5)} .video-modal-close{position: absolute;top: -10px;right: -10px;background: rgba(0,0,0,0.5);border: none;font-size: 30px;color: white;cursor: pointer;z-index: 10000;padding: 10px 15px;border-radius: 50%;transition: all 0.3s ease;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center} .video-modal-close:hover{background: rgba(215,181,109,0.8);transform: scale(1.1)} @media (max-width: 767px){.video-modal-content{width: 100vw;height: 100vh;padding: 0} .video-modal-video{border-radius: 0} .video-modal-close{top: 10px;right: 10px} } .private-content-notice{text-align: center;margin-bottom: 2rem;font-size: 1.1rem;color: var(--text-main);max-width: 600px;margin-left: auto;margin-right: auto} .private-content-notice .contact-links{display: flex;justify-content: center;gap: 1rem;margin: 1rem 0} .private-content-notice .social-link{display: inline-flex;align-items: center;gap: 0.5rem;padding: 0.5rem 1rem;border-radius: 5px;text-decoration: none;color: var(--text-main);background: rgba(215,181,109,0.1);border: 1px solid rgba(215,181,109,0.3);transition: all 0.3s ease;width: auto;height: auto} .private-content-notice .social-link:hover{background: rgba(215,181,109,0.2);border-color: var(--accent)} .payment-methods-title{margin-top: 1.5rem;font-weight: 600;color: var(--accent)} .payment-methods{font-size: 0.9rem;color: var(--text-muted)} .about-text p a{color: var(--accent);text-decoration: underline} .about-text p a:hover{color: var(--text-main)} .video-production-tag{display: inline-block;padding: 0.3rem 0.7rem;margin-bottom: 1rem;font-size: 0.75rem;font-weight: 700;color: var(--accent);background-color: rgba(215,181,109,0.1);border: 1px solid rgba(215,181,109,0.2);border-radius: 15px;text-transform: uppercase;letter-spacing: 0.05em} @keyframes glowing-border{0%{box-shadow: 0 0 20px rgba(215,181,109,0.4)} 50%{box-shadow: 0 0 40px rgba(215,181,109,0.8)} 100%{box-shadow: 0 0 20px rgba(215,181,109,0.4)} } .video-item.sofi-choice{position: relative;border: 1px solid #d7b56d;animation: glowing-border 2.5s infinite ease-in-out} .sofi-choice-badge{position: absolute;top: 15px;left: 15px;background-color: #d7b56d;color: #1a1a1a;padding: 5px 12px;font-size: 0.85rem;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;border-radius: 5px;z-index: 1;font-family: 'Open Sans',sans-serif;display: flex;align-items: center;gap: 8px} .new-flare{display: none;background-color: #8B0000;color: #FFFFFF;padding: 0.2rem 0.6rem;font-size: 0.75rem;font-weight: bold;text-transform: uppercase;border-radius: 5px;position: absolute;top: 15px;right: 15px} .contact-intro{text-align: center;margin-bottom: 2rem;font-size: 1rem;color: var(--text-muted)} .notification-form{background: var(--bg-light);padding: 2.5rem 2rem;border-radius: 8px;border: 1px solid rgba(215,181,109,0.15);margin-top: 3rem;text-align: center} .form-title{font-family: 'Playfair Display',serif;font-size: 1.75rem;color: var(--accent);margin-bottom: 1rem} .form-description{font-size: 1rem;color: var(--text-muted);margin-bottom: 2rem;text-align: center} .form-group{margin-bottom: 1.5rem;text-align: left} .form-group label{display: block;margin-bottom: 0.5rem;font-weight: 600;color: var(--text-main)} .form-group input{width: 100%;padding: 0.75rem 1rem;background: var(--bg-dark);border: 1px solid rgba(215,181,109,0.3);border-radius: 5px;color: var(--text-main);font-size: 1rem;transition: border-color 0.3s,box-shadow 0.3s} .form-group input:focus{outline: none;border-color: var(--accent);box-shadow: 0 0 10px rgba(215,181,109,0.2)} .form-group-checkbox{margin-bottom: 1.5rem;display: flex;align-items: center;text-align: left} .form-group-checkbox input{margin-right: 0.75rem;width: 18px;height: 18px;accent-color: var(--accent)} .form-group-checkbox label{color: var(--text-muted);font-size: 0.9rem} .notification-form .cta{width: 100%;margin-top: 1rem} .form-container{max-width: 600px;margin: 0 auto;margin-bottom: 3rem} .form-group-checkbox input[type="checkbox"]{width: 22px;height: 22px;margin-right: 0.75rem;accent-color: var(--accent);cursor: pointer} .form-error{background-color: #ff00002e;border: 1px solid #c53030;color: white;padding: 1rem;margin-bottom: 1.5rem;border-radius: 5px;text-align: center}