.july-4th-page{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:2.5rem;margin-bottom:2rem;text-align:center;color:var(--primary-color);font-weight:700}.hero-section.july-4th-hero{margin-top:var(--header-height);padding:3rem 0 4rem;background:linear-gradient(135deg,rgb(13 71 161 / 95%) 0%,rgb(220 53 69 / 90%) 50%,rgb(13 71 161 / 95%) 100%),repeating-linear-gradient(45deg,transparent,transparent 10px,rgb(255 255 255 / 3%) 10px,rgb(255 255 255 / 3%) 20px);color:var(--light-text-color);text-align:center;min-height:480px;height:auto;display:flex;align-items:center;contain:layout style;position:relative;overflow:hidden}.hero-section.july-4th-hero::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,var(--glass-bg-light) 0%,transparent 50%);animation:patriotic-shimmer 15s ease-in-out infinite}.hero-section.july-4th-hero::after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 80% 50%,rgb(220 53 69 / 10%) 0%,transparent 50%);animation:patriotic-shimmer 15s ease-in-out infinite reverse}@keyframes patriotic-shimmer{0%,100%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}.patriotic-stars{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.patriotic-stars span{position:absolute;width:4px;height:4px;background:var(--card-bg);box-shadow:0 0 6px var(--glass-bg-light,rgb(255 255 255 / 80%));animation:twinkle 4s ease-in-out infinite;border-radius:50%}.patriotic-stars span:nth-child(1){top:10%;left:10%;animation-delay:0s}.patriotic-stars span:nth-child(2){top:20%;left:80%;animation-delay:1s}.patriotic-stars span:nth-child(3){top:60%;left:20%;animation-delay:2s}.patriotic-stars span:nth-child(4){top:80%;left:70%;animation-delay:3s}.patriotic-stars span:nth-child(5){top:40%;left:50%;animation-delay:1.5s}@keyframes twinkle{0%,100%{opacity:0;transform:scale(0.5)}50%{opacity:1;transform:scale(1.5)}}.july-4th-hero .hero-content{max-width:900px;margin:0 auto;padding:0 2rem;width:100%;height:auto;min-height:380px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1}.hero-icons-container{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1rem;margin-top:0.5rem;animation:float 6s ease-in-out infinite}.july-4th-hero .hero-icon{font-size:5rem;color:var(--light-text-color);display:block;width:5rem;height:5rem;line-height:5rem;text-align:center;flex-shrink:0;filter:drop-shadow(0 0 10px var(--glass-bg-light,rgb(255 255 255 / 50%)))}.july-4th-hero .hero-icon-secondary{font-size:3rem;color:var(--light-text-color);display:block;width:3rem;height:3rem;line-height:3rem;text-align:center;flex-shrink:0;animation:sparkle 2s ease-in-out infinite;filter:drop-shadow(0 0 8px var(--glass-bg-light,rgb(255 255 255 / 60%)));position:relative}.july-4th-hero .hero-icon-secondary:first-child{color:var(--state-error);filter:drop-shadow(0 0 12px rgb(220 53 69 / 80%))}.july-4th-hero .hero-icon-secondary:last-child{color:var(--accent-color);filter:drop-shadow(0 0 12px rgb(13 71 161 / 80%))}@keyframes sparkle{0%,100%{opacity:0.7;transform:scale(1) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.july-4th-hero h1{color:var(--light-text-color);text-shadow:2px 2px 4px var(--glass-bg-dark,var(--overlay-light));margin:0 0 1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif;display:block;width:100%;font-display:block;letter-spacing:-0.5px;text-rendering:optimizespeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.july-4th-hero p{font-size:1.4rem;opacity:1;margin:0 auto 2rem;color:rgb(255 255 255 / 95%);line-height:2rem;display:block;width:100%;text-shadow:1px 1px 2px var(--glass-bg-dark,var(--overlay-dark))}.highlight-badges{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem;margin-bottom:0;min-height:52px;contain:layout;width:100%}.badge{background:var(--glass-bg-light,rgb(255 255 255 / 15%));padding:0.75rem 1.25rem;border-radius:25px;color:var(--light-text-color);font-size:1rem;height:48px;display:flex;align-items:center;var(--color-#ffffff)-space:nowrap;flex-shrink:0;backdrop-filter:blur(10px);border:2px solid var(--glass-bg-light,rgb(255 255 255 / 40%));position:relative;overflow:hidden}.badge::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--glass-bg-light,var(--btn-dark-border)),transparent);animation:badge-shine 3s ease-in-out infinite}@keyframes badge-shine{0%{left:-100%}100%{left:100%}}.badge i{color:var(--light-text-color);opacity:1;margin-right:0.5rem;font-size:1.1rem;filter:drop-shadow(0 0 2px var(--glass-bg-dark,var(--overlay-dark)))}.badge.badge-time{background:rgb(13 71 161 / 25%);border-color:rgb(13 71 161 / 50%)}.badge.badge-date{background:rgb(220 53 69 / 25%);border-color:rgb(220 53 69 / 50%)}.badge.badge-fireworks{background:linear-gradient(135deg,rgb(13 71 161 / 25%) 0%,rgb(220 53 69 / 25%) 100%);border-color:rgb(255 255 255 / 60%)}.tab-hint{min-height:40px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;text-align:center;background:var(--color-blue-pale);padding:1rem;border-radius:8px;border:1px solid var(--color-blue-pale)}.tab-hint p{margin:0;color:var(--primary-color);font-size:1.1rem;font-weight:600}.tab-hint i{color:var(--accent-color);margin-right:0.5rem}.quick-info-section{padding:3rem 0;background-color:var(--card-bg)}.tabs-section{margin:2rem 0;position:relative;z-index:10;background:var(--card-bg)}.modern-tabs{display:flex;gap:0.5rem;margin-bottom:2rem;min-height:50px;flex-wrap:wrap;contain:layout;background:linear-gradient(to right,rgb(13 71 161 / 5%) 0%,var(--glass-bg-light) 50%,rgb(220 53 69 / 5%) 100%);padding:0.5rem;border-radius:12px;box-shadow:inset 0 2px 4px var(--glass-bg-dark,rgb(0 0 0 / 10%));border:1px solid var(--glass-bg-light,var(--btn-dark-border));position:relative}.modern-tabs::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 20px,rgb(255 255 255 / 3%) 20px,rgb(255 255 255 / 3%) 40px);border-radius:12px;pointer-events:none}.july-4th-page .tab-button{min-height:48px;padding:0.875rem 1.75rem;background:var(--glass-bg-light,rgb(255 255 255 / 70%));color:var(--gray-700);cursor:pointer;border-radius:8px;transition:all 0.3s ease;display:flex;align-items:center;gap:0.5rem;flex-shrink:0;font-weight:600;font-size:0.95rem;position:relative;overflow:hidden;backdrop-filter:blur(5px);border:1px solid var(--glass-bg-light,rgb(255 255 255 / 30%))}.july-4th-page .tab-button:nth-child(odd){background:rgb(13 71 161 / 8%)}.july-4th-page .tab-button:nth-child(even){background:rgb(220 53 69 / 8%)}.tab-button span{display:inline-block}.tab-button i{width:1.2rem;height:1.2rem;display:inline-flex;align-items:center;justify-content:center}.tab-button:hover{background:var(--glass-bg-light,rgb(255 255 255 / 90%));color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px var(--glass-bg-dark,rgb(0 0 0 / 15%));border-color:var(--accent-color)}.tab-button:nth-child(odd):hover{box-shadow:0 4px 12px rgb(13 71 161 / 30%)}.tab-button:nth-child(even):hover{box-shadow:0 4px 12px rgb(220 53 69 / 30%)}.tab-button.active{background:linear-gradient(135deg,rgb(13 71 161 / 90%) 0%,rgb(255 255 255 / 95%) 50%,rgb(220 53 69 / 90%) 100%);color:var(--primary-color);box-shadow:0 4px 16px var(--glass-bg-dark,var(--shadow-sm));transform:translateY(-2px);border:2px solid var(--glass-bg-light,rgb(255 255 255 / 80%));font-weight:700}.tab-button.active::before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgb(255 255 255 / 30%) 0%,transparent 50%,rgb(255 255 255 / 30%) 100%);pointer-events:none}.tab-button.active::after{content:"";position:absolute;bottom:-2px;left:10%;right:10%;height:3px;background:linear-gradient(90deg,var(--accent-color) 0%,var(--color-#ffffff) 50%,var(--state-error) 100%);border-radius:2px}.tab-contents{min-height:auto;contain:layout style}.tab-content{display:none;padding:1rem 0;contain:layout style}.tab-content.active{display:block}:where(.info-card,.card--info){background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;margin-bottom:2rem}:is(.card-header,.card__header){background:linear-gradient(135deg,var(--primary-color-light),var(--primary-color-dark));color:var(--light-text-color);padding:1.5rem;display:flex;align-items:center;gap:1rem}:is(.card-header,.card__header) i{font-size:1.5rem;color:var(--light-text-color)}:is(.card-header,.card__header) h2{margin:0;color:var(--light-text-color);font-size:1.8rem;font-weight:700}:is(.card-body,.card__body){padding:2rem}.two-column-layout{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.left-column,.right-column{width:100%}.left-column h3,.right-column h3{color:var(--primary-color);margin:0 0 1rem;font-size:1.3rem;display:flex;align-items:center;gap:0.5rem}.left-column h3 i,.right-column h3 i{color:var(--accent-color);font-size:1.2rem}.achievement-list{list-style:none;padding:0;margin:1rem 0}.achievement-list li{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem;padding:0.5rem;background:var(--gray-50);border-radius:var(--radius-md)}.achievement-list i{color:var(--warning-color);font-size:1.2rem}.highlight-grid{display:flex;flex-direction:column;gap:1rem}.highlight-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0.75rem;padding:1.5rem 1rem;background:var(--gray-50);border-radius:var(--radius-md);transition:background-color 0.2s}.highlight-item:hover{background:var(--gray-100)}.highlight-item i{font-size:2.5rem;color:var(--accent-color);width:auto;text-align:center;margin-bottom:0.5rem}.highlight-item h4{margin:0;font-size:1.1rem;color:var(--primary-color)}.highlight-item p{margin:0;font-size:0.9rem;color:var(--gray-600)}.highlight-item>div{text-align:center}.schedule-intro{text-align:center;font-size:1.1rem;color:var(--gray-700);margin-bottom:2rem}.schedule-table-wrapper{overflow-x:auto;margin:2rem 0;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg)}.schedule-table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden}.schedule-table thead{background:var(--primary-color);color:var(--light-text-color)}.schedule-table th,.schedule-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--gray-200)}.schedule-table th{font-weight:600;font-size:1rem;color:var(--light-text-color)}.schedule-table td{font-size:0.95rem}.schedule-table td i{margin-right:0.5rem;color:var(--accent-color)}.schedule-table .parade-row{background:rgb(220 53 69 / 10%)}.schedule-table .fireworks-row{background:rgb(0 123 255 / 10%)}.schedule-tips{margin-top:2rem}.schedule-tips h3{color:var(--primary-color);margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.tip-card.compact{background:var(--gray-50);padding:1rem;border-radius:var(--radius-md);display:flex;align-items:center;gap:0.75rem;box-shadow:none;border:1px solid var(--gray-200)}.tip-card.compact i{font-size:1.5rem;color:var(--accent-color);flex-shrink:0}.tip-card.compact p{margin:0;font-size:0.9rem;color:var(--gray-700)}.parade-info-section{padding:0}.route-intro{font-size:1.1rem;color:var(--gray-700);margin-bottom:2rem;text-align:center}.map-image-container{margin:2rem 0;text-align:center}.parade-route-map{width:100%;height:auto;max-width:750px;display:block;margin:0 auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.route-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.route-card{background:var(--gray-50);padding:1.5rem;border-radius:var(--radius-lg);border-left:4px solid var(--accent-color)}.route-card h4{color:var(--primary-color);margin:0 0 1rem;display:flex;align-items:center;gap:0.5rem}.route-list{list-style:none;padding:0;margin:0}.route-list li{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem;padding:0.5rem 0}.route-marker{width:20px;height:20px;border-radius:50%;background:var(--accent-color);display:inline-block;flex-shrink:0}.route-marker.start{background:var(--success-color)}.route-marker.finish{background:var(--danger-color)}.info-list{list-style:none;padding:0;margin:0}.info-list li{display:flex;align-items:center;gap:0.75rem;margin-bottom:0.75rem}.info-list i{color:var(--accent-color);width:20px;text-align:center}.parade-viewing-tips{margin-top:2rem;background:var(--card-bg);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.parade-viewing-tips h4{color:var(--primary-color);margin:0 0 1rem;display:flex;align-items:center;gap:0.5rem}.viewing-spots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1rem}.viewing-spot{text-align:center;padding:1.25rem;background:var(--gray-50);border-radius:12px;transition:transform 0.2s ease;border:2px solid}.viewing-spot:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.viewing-spot i{font-size:1.5rem;color:var(--accent-color);display:block;margin-bottom:0.5rem}.viewing-spot strong{display:block;color:var(--primary-color);margin-bottom:0.25rem}.viewing-spot p{margin:0;font-size:0.85rem;color:var(--gray-600)}.parking-alert{padding:1rem;border-radius:var(--radius-md);margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem}.parking-alert.success{background:rgb(40 167 69 / 10%);border-left:4px solid var(--success-color);color:var(--success-color)}.parking-alert i{font-size:1.5rem}.parking-zones-container{margin:1rem 0}.zone-section{margin-bottom:1.5rem}.zone-header{padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem}.zone-header.danger{background:rgb(220 53 69 / 10%);border-left:4px solid var(--danger-color)}.zone-header.info{background:rgb(23 162 184 / 10%);border-left:4px solid var(--info-color)}.zone-header h4{margin:0;color:var(--primary-color);display:flex;align-items:center;gap:0.5rem}.warning-list,.info-list{list-style:none;padding:0;margin:0}.warning-list li,.info-list li{display:flex;align-items:flex-start;gap:0.75rem;margin-bottom:0.75rem;padding:0.5rem;background:var(--gray-50);border-radius:var(--radius-sm)}.warning-list i{color:var(--danger-color);margin-top:0.25rem}.transport-hero{background:linear-gradient(135deg,var(--success-color),var(--color-teal-bright-alt));padding:1.5rem;border-radius:var(--radius-lg);color:var(--light-text-color);text-align:center;margin-bottom:1.5rem}.transport-badge{display:inline-flex;align-items:center;gap:0.5rem;background:var(--glass-bg-light,var(--btn-dark-border));padding:0.5rem 1rem;border-radius:20px;margin-bottom:0.5rem}.transport-badge i{color:var(--light-text-color)}.transport-hero p{margin:0;color:var(--light-text-color)}.transport-schedule{margin-top:1rem}.transport-schedule h4{color:var(--primary-color);margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.schedule-item{margin-bottom:1rem;padding:1rem;border-radius:var(--radius-md);background:var(--gray-50)}.time-badge{display:inline-block;background:var(--accent-color);color:var(--light-text-color);padding:0.25rem 0.75rem;border-radius:15px;font-size:0.85rem;font-weight:600;margin-bottom:0.5rem}.schedule-item p{margin:0;color:var(--gray-700)}.schedule-item small{display:block;margin-top:0.5rem;color:var(--gray-600);font-style:italic}.road-closures-info{margin-top:1.5rem;padding:1rem;background:rgb(220 53 69 / 5%);border-radius:var(--radius-md);border-left:4px solid var(--danger-color)}.road-closures-info h4{color:var(--danger-color);margin:0 0 0.75rem;display:flex;align-items:center;gap:0.5rem}.closure-time-block{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem;color:var(--danger-color);font-weight:600}.affected-streets{margin:0;color:var(--gray-700);font-size:0.9rem}.fireworks-info-section{padding:0}.fireworks-hero-box{background:linear-gradient(135deg,rgb(13 71 161 / 95%) 0%,rgb(255 255 255 / 90%) 35%,rgb(220 53 69 / 95%) 70%,rgb(13 71 161 / 95%) 100%),repeating-linear-gradient(-45deg,transparent,transparent 15px,var(--glass-bg-light) 15px,var(--glass-bg-light) 30px);padding:2rem;border-radius:var(--radius-lg);text-align:center;color:var(--light-text-color);margin-bottom:2rem;position:relative;overflow:hidden;box-shadow:0 8px 32px var(--shadow-sm),inset 0 2px 4px var(--glass-bg-light,rgb(255 255 255 / 30%));border:3px solid var(--glass-bg-light,rgb(255 255 255 / 50%))}.fireworks-hero-box::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,var(--btn-dark-border) 0%,transparent 50%);animation:patriotic-pulse 8s ease-in-out infinite}.fireworks-hero-box::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 30%),transparent);animation:patriotic-shine 4s ease-in-out infinite}@keyframes patriotic-pulse{0%,100%{transform:scale(1) rotate(0deg);opacity:0.3}50%{transform:scale(1.2) rotate(180deg);opacity:0.6}}@keyframes patriotic-shine{0%{left:-100%}100%{left:100%}}.fireworks-hero-box i{font-size:3rem;margin-bottom:1rem;display:block;position:relative;z-index:1;filter:drop-shadow(0 0 20px var(--glass-bg-light,rgb(255 255 255 / 80%)));animation:star-sparkle 2s ease-in-out infinite}@keyframes star-sparkle{0%,100%{transform:scale(1) rotate(0deg);filter:drop-shadow(0 0 20px var(--glass-bg-light,rgb(255 255 255 / 80%)))}50%{transform:scale(1.2) rotate(180deg);filter:drop-shadow(0 0 30px rgb(255 215 0 / 100%))}}.fireworks-hero-box h3{color:var(--light-text-color);margin:0 0 0.5rem;position:relative;z-index:1;text-shadow:3px 3px 6px var(--overlay-dark),0 0 20px var(--glass-bg-light,rgb(255 255 255 / 50%));font-weight:800;letter-spacing:-0.5px}.fireworks-hero-box p{margin:0;color:var(--light-text-color);position:relative;z-index:1;text-shadow:2px 2px 4px var(--glass-bg-dark,var(--overlay-dark));font-weight:600}.viewing-locations-grid{margin:2rem 0}.viewing-locations-grid h3{color:var(--primary-color);margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem}.location-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.location-card{background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--gray-200);transition:transform 0.2s}.location-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.location-card.premium{border-top:4px solid gold}.location-card.special{border-top:4px solid var(--info-color)}.location-header{padding:1rem;background:var(--gray-50);display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.location-header i{font-size:1.5rem;color:var(--accent-color)}.location-header h4{margin:0;color:var(--primary-color);font-size:1.2rem}.distance-badge,.view-badge,.exclusive-badge{background:var(--accent-color);color:var(--light-text-color);padding:0.25rem 0.75rem;border-radius:15px;font-size:0.75rem;font-weight:600}.distance-badge{background:gold;color:var(--gray-900)}.exclusive-badge{background:var(--info-color)}.location-card>p{padding:0 1rem 1rem;margin:0;color:var(--gray-700)}.location-features{padding:0 1rem 1rem;display:flex;flex-wrap:wrap;gap:0.5rem}.location-features span{background:var(--gray-100);padding:0.25rem 0.75rem;border-radius:15px;font-size:0.85rem;display:flex;align-items:center;gap:0.25rem}.location-features i{color:var(--success-color);font-size:0.9rem}.fireworks-tips-section{margin-top:2rem}.fireworks-tips-section h3{color:var(--primary-color);margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.tips-grid.compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.tips-grid.compact .tip-card{background:var(--gray-50);padding:1rem;border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:0.75rem;box-shadow:none;border:1px solid var(--gray-200)}.tips-grid.compact .tip-card i{font-size:1.25rem;color:var(--accent-color);flex-shrink:0;margin-top:0.25rem}.tips-grid.compact .tip-card strong{display:block;color:var(--primary-color);margin-bottom:0.25rem}.tips-grid.compact .tip-card p{margin:0;font-size:0.85rem;color:var(--gray-600)}.safety-alerts-section{padding:0}.alert-header h3{margin:0;font-size:1.3rem}.alert-content{padding:1.5rem}.alert-content p{margin:0 0 1rem;color:var(--gray-700)}.penalty-notice{background:rgb(220 53 69 / 10%);padding:1rem;border-radius:var(--radius-md);border-left:4px solid var(--danger-color);display:flex;align-items:center;gap:0.5rem;color:var(--danger-color)}.penalty-notice i{font-size:1.25rem}.regulation-list{list-style:none;padding:0;margin:0}.regulation-list li{position:relative;padding-left:1.5rem;margin-bottom:0.5rem;color:var(--gray-700)}.regulation-list li::before{content:"•";position:absolute;left:0;color:var(--warning-color);font-weight:bold}.safety-tips-grid{margin-top:2rem}.safety-tips-grid h3{color:var(--primary-color);margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.safety-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.safety-item{background:var(--gray-50);padding:1rem;border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:0.75rem;border:1px solid var(--gray-200)}.safety-item i{font-size:1.25rem;color:var(--accent-color);flex-shrink:0;margin-top:0.25rem}.safety-item strong{display:block;color:var(--primary-color);margin-bottom:0.25rem}.safety-item p{margin:0;font-size:0.85rem;color:var(--gray-600)}.resources-section{padding:4rem 0;background-color:var(--gray-50)}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.resource-card{background:var(--card-bg);padding:2rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:transform 0.3s ease;border-top:4px solid var(--accent-color)}.resource-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.resource-card i{font-size:3rem;color:var(--accent-color);margin-bottom:1rem;display:block}.resource-card h3{color:var(--primary-color);margin:0 0 1rem}.resource-card p{margin:0 0 1rem;color:var(--gray-700)}.resource-link{color:var(--accent-color);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:0.5rem;transition:gap 0.2s}.resource-link:hover{gap:0.75rem}.resource-link i{font-size:0.9rem}.contact-cta{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-light) 100%);padding:4rem 3rem;border-radius:var(--radius-lg);text-align:center;box-shadow:0 15px 35px var(--glass-bg-dark,var(--shadow-sm)),0 5px 15px var(--glass-bg-dark,rgb(0 0 0 / 10%));margin:3rem 0 2rem;border:4px solid var(--accent-color);position:relative;transform:scale(1.02);animation:gentle-pulse 3s ease-in-out infinite}@keyframes gentle-pulse{0%,100%{box-shadow:0 15px 35px var(--glass-bg-dark,var(--shadow-sm)),0 5px 15px var(--glass-bg-dark,rgb(0 0 0 / 10%)),0 0 20px rgb(0 123 255 / 30%)}50%{box-shadow:0 20px 40px var(--glass-bg-dark,rgb(0 0 0 / 25%)),0 8px 20px var(--glass-bg-dark,rgb(0 0 0 / 15%)),0 0 30px rgb(0 123 255 / 50%)}}.contact-cta .cta-content h3{color:var(--light-text-color);margin:0 0 1.5rem;font-size:2.8rem;display:flex;align-items:center;justify-content:center;gap:0.75rem;text-shadow:3px 3px 6px var(--glass-bg-dark,var(--glass-bg-dark));font-weight:800;letter-spacing:-0.5px}.contact-cta .cta-content h3 i{color:var(--light-text-color);font-size:2.5rem;filter:drop-shadow(0 0 8px var(--glass-bg-light,rgb(255 255 255 / 30%)))}.cta-content p{color:rgb(255 255 255 / 98%);margin:0 0 2.5rem;font-size:1.5rem;font-weight:600;text-shadow:2px 2px 4px var(--glass-bg-dark,var(--bg-overlay-medium));line-height:1.4}.contact-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.contact-buttons .btn-primary{background-color:var(--card-bg);color:var(--primary-color);border:3px solid #ffffff;font-size:1.3rem;padding:1.25rem 2.5rem;min-height:60px;line-height:1.2;font-weight:700;box-shadow:0 4px 15px var(--glass-bg-light,rgb(255 255 255 / 30%))}.contact-buttons .btn-primary:hover{background-color:var(--glass-bg-light,rgb(255 255 255 / 95%));transform:translateY(-3px);box-shadow:0 8px 25px var(--glass-bg-light,rgb(255 255 255 / 40%)),0 4px 10px var(--shadow-sm)}.contact-buttons .btn-outline-primary{background-color:transparent;color:var(--light-text-color);border:3px solid #ffffff;font-size:1.3rem;padding:1.25rem 2.5rem;min-height:60px;line-height:1.2;font-weight:700;box-shadow:0 4px 15px var(--glass-bg-light,var(--btn-dark-border))}.contact-buttons .btn-outline-primary:hover{background-color:var(--glass-bg-light,rgb(255 255 255 / 15%));border-color:#ffffff;transform:translateY(-3px);box-shadow:0 8px 25px var(--glass-bg-light,rgb(255 255 255 / 30%)),0 4px 10px var(--shadow-sm)}.btn{display:inline-block;min-height:44px;line-height:44px;padding:0 1rem;text-align:center;background:var(--accent-color);color:var(--light-text-color);text-decoration:none;border-radius:5px;font-weight:600;transition:all 0.3s ease;cursor:pointer;border:none}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary{background-color:var(--accent-color);color:var(--light-text-color)}.btn-primary:hover{background-color:var(--accent-color)}.btn-outline-primary{background:transparent;border:1px solid var(--accent-color);color:var(--accent-color)}.btn-outline-primary:hover{background:var(--accent-color);color:var(--light-text-color)}@media (width <=768px){.hero-section.july-4th-hero{padding:2rem 0 3rem;height:auto;min-height:auto}.july-4th-hero .hero-content{height:auto;min-height:auto;padding:0 1rem}.july-4th-hero h1{font-size:2.5rem}.july-4th-hero p{font-size:1.1rem}.hero-icons-container{gap:1rem}.july-4th-hero .hero-icon{font-size:4rem;width:4rem;height:4rem;line-height:4rem}.july-4th-hero .hero-icon-secondary{font-size:2.5rem;width:2.5rem;height:2.5rem;line-height:2.5rem}.modern-tabs{flex-direction:column;gap:0.5rem}.tab-button{width:100%;justify-content:center}.two-column-layout{grid-template-columns:1fr;gap:2rem}.parade-route-preview div[style*="grid-template-columns"]{display:block}.parade-route-preview img{margin-top:1rem;max-width:100%}.schedule-table-wrapper{margin:1rem -1rem}.schedule-table th,.schedule-table td{padding:0.75rem 0.5rem;font-size:0.85rem}.tips-grid{grid-template-columns:1fr}.route-details-grid{grid-template-columns:1fr}.location-cards{grid-template-columns:1fr}.tips-grid.compact{grid-template-columns:1fr}.safety-items{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr}.contact-buttons{flex-direction:column;align-items:stretch}.contact-cta{padding:3rem 2rem;margin:2rem 0;transform:scale(1)}.cta-content h3{font-size:2.2rem}.cta-content p{font-size:1.3rem}.contact-buttons .btn-primary,.contact-buttons .btn-outline-primary{font-size:1.2rem;padding:1rem 2rem;min-height:55px}}@media (width <=480px){.july-4th-hero h1{font-size:2rem}.hero-icons-container{gap:0.75rem}.july-4th-hero .hero-icon{font-size:3.5rem;width:3.5rem;height:3.5rem;line-height:3.5rem}.july-4th-hero .hero-icon-secondary{font-size:2rem;width:2rem;height:2rem;line-height:2rem}.highlight-badges{flex-direction:column;align-items:center}.badge{width:100%;max-width:250px;justify-content:center}.section-title{font-size:1.75rem}.container{padding:0 1rem}}.map-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:var(--glass-bg-dark,rgb(0 0 0 / 90%));animation:fade-in 0.3s ease}.map-modal-content{position:relative;margin:5% auto;padding:0;width:85%;max-width:900px;max-height:80vh;text-align:center;animation:slide-in 0.3s ease;overflow:hidden;border-radius:8px}.map-modal-close{position:absolute;top:-40px;right:0;color:var(--light-text-color);font-size:35px;font-weight:bold;cursor:pointer;z-index:10001;background:var(--glass-bg-dark,var(--overlay-dark));border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;transition:background-color 0.3s ease}.map-modal-close:hover{background:var(--glass-bg-dark,var(--bg-overlay-var(--var(--black))))}.map-modal img{width:100%;height:auto;max-height:60vh;object-fit:contain;border-radius:8px 8px 0 0;box-shadow:0 20px 40px var(--glass-bg-dark,var(--overlay-dark));cursor:grab;transition:cursor 0.2s ease}.map-modal img:active{cursor:grabbing}.map-modal-image-container{overflow:auto;max-height:60vh;position:relative}.map-modal-caption{background:var(--card-bg);padding:1.5rem;border-radius:0 0 8px 8px;text-align:left}.map-modal-caption h3{color:var(--primary-color);margin:0 0 0.5rem;font-size:1.5rem}.map-modal-caption p{margin:0;color:var(--gray-700);font-size:1rem}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-in{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (width <=768px){.map-modal-content{width:95%;margin:3% auto;max-height:90vh}.map-modal-close{top:-35px;font-size:28px;width:35px;height:35px}.map-modal img{max-height:50vh}.map-modal-image-container{max-height:50vh}.map-modal-caption{padding:1rem}.map-modal-caption h3{font-size:1.25rem}}.event-timeline-card{background:var(--gray-50);padding:1rem;border-radius:8px;margin:1rem 0}.event-timeline-list{list-style:none;padding:0;margin:0}.event-timeline-item{padding:0.5rem 0;border-bottom:1px solid var(--gray-200);color:var(--text-color)}.event-timeline-item.last{border-bottom:none}.event-timeline-item .event-icon{margin-right:0.5rem}.event-timeline-item .event-icon.warning{color:var(--warning-color)}.event-timeline-item .event-icon.danger{color:var(--danger-color)}.event-timeline-item .event-icon.accent{color:var(--accent-color)}.event-timeline-item .event-icon.success{color:var(--success-color)}.event-timeline-item .event-icon.info{color:var(--info-color)}.event-timeline-item strong{color:var(--primary-color)}.viewing-spots-section{margin-top:2rem}.viewing-spots-title{text-align:center;margin-bottom:1.5rem;color:var(--primary-color)}.viewing-spot.accent-border{border-color:var(--accent-color)}.viewing-spot.success-border{border-color:var(--success-color)}.viewing-spot.warning-border{border-color:var(--warning-color)}.viewing-spot.info-border{border-color:var(--info-color)}.spot-icon{font-size:2rem;margin-bottom:0.75rem;display:block}.spot-icon.accent{color:var(--accent-color)}.spot-icon.success{color:var(--success-color)}.spot-icon.warning{color:var(--warning-color)}.spot-icon.info{color:var(--info-color)}.spot-name{display:block;margin-bottom:0.5rem;color:var(--primary-color)}.spot-description{color:var(--gray-600);font-size:0.85rem;line-height:1.4}.pro-tip-box{background:var(--bg-warning-light);border:1px solid var(--color-accent-orange);border-radius:8px;padding:1rem;text-align:center}.pro-tip-text{margin:0;font-size:0.9rem;color:var(--text-warning-dark)}.tip-icon{color:var(--color-accent-orange);margin-right:0.5rem}.section-subtitle{margin-top:2rem;color:var(--primary-color)}.alert-text{margin:0 0 0.5rem;color:var(--text-color)}.alert-text:last-child{margin-bottom:0}.tide-link{color:var(--accent-color);text-decoration:none;font-weight:500}.tide-link:hover{text-decoration:underline}.reminder-list{margin:0;padding-left:1.5rem}.reminder-item{margin-bottom:0.5rem;color:var(--text-color)}.reminder-item:last-child{margin-bottom:0}.reminder-item strong{color:var(--primary-color)}.parade-route-preview{background:var(--gray-50);padding:1.5rem;border-radius:12px;margin:1rem 0;border-left:4px solid var(--accent-color)}.parade-route-content{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;align-items:center}.route-description{margin:0 0 1rem;color:var(--text-color)}.route-details{margin:0 0 1rem;font-size:0.9rem;color:var(--gray-600)}.route-badges{display:flex;gap:1rem;margin-top:1rem}.viewing-badge{background:#1b7030;color:#ffffff;padding:0.25rem 0.75rem;border-radius:15px;font-size:0.8rem}.map-container{position:relative}.parade-map{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px var(--glass-bg-dark,rgb(0 0 0 / 10%));cursor:pointer;transition:transform 0.2s ease}.map-expand-hint{position:absolute;top:8px;right:8px;background:var(--glass-bg-dark,var(--btn-dark-bg));color:var(--light-text-color);padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem;pointer-events:none}@media (width <=768px){.viewing-spots-grid{grid-template-columns:1fr}.parade-route-content{grid-template-columns:1fr;gap:1rem}}.mt-4{margin-top:1.5rem}body.dark-mode .july-4th-page .tab-button{background:var(--dark-mode-card-bg);color:var(--dark-mode-text-color);border-color:var(--dark-mode-border-color)}body.dark-mode .july-4th-page .tab-button:nth-child(odd){background:rgb(59 156 254 / 15%)}body.dark-mode .july-4th-page .tab-button:nth-child(even){background:rgb(220 53 69 / 15%)}body.dark-mode .tab-button:hover{background:var(--dark-mode-background);color:var(--accent-color)}body.dark-mode .tab-button.active{background:linear-gradient(135deg,rgb(59 156 254 / 30%) 0%,var(--glass-bg-light) 50%,rgb(220 53 69 / 30%) 100%);color:var(--dark-mode-text-color);border-color:var(--accent-color)}body.dark-mode .tab-hint>p{color:#ffffff!important}body.dark-mode .schedule-intro,body.dark-mode .route-intro,body.dark-mode .schedule-item p,body.dark-mode .tip-card.compact p,body.dark-mode .affected-streets,body.dark-mode .alert-content p,body.dark-mode .regulation-list li,body.dark-mode .location-card>p,body.dark-mode .resource-card p,body.dark-mode .map-modal-caption p{color:var(--dark-mode-text-color)}body.dark-mode .highlight-item p,body.dark-mode .viewing-spot p,body.dark-mode .schedule-item small,body.dark-mode .route-details,body.dark-mode .spot-description,body.dark-mode .tips-grid.compact .tip-card p,body.dark-mode .safety-item p{color:var(--dark-mode-text-color)}body.dark-mode h3,body.dark-mode .section-subtitle,body.dark-mode .viewing-spots-title{color:var(--color-text-primary)!important}body.dark-mode .section-title{color:var(--color-text-primary)!important}body.dark-mode .event-timeline-item strong{color:var(--color-text-primary)!important}body.dark-mode .reminder-item strong{color:#ffffff!important}body.dark-mode .route-details,body.dark-mode .highlight-item>div>p,body.dark-mode .spot-description{color:var(--color-border-hover)!important}body.dark-mode .highlight-item>div>h4,body.dark-mode .spot-name{color:var(--color-text-primary)!important}body.dark-mode .tide-link{color:#ffffff!important}body.dark-mode .btn-primary{color:#ffffff!important}