:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:inherit;text-decoration:none}a:hover{text-decoration:underline}body{margin:0;min-width:320px;min-height:100vh;background-image:linear-gradient(135deg,#003264b3,#32006499),url(https://images.unsplash.com/photo-1558618047-3c8c76ca7d13?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:#fff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:Arial,sans-serif}#root{height:100vh;width:100vw}.app{min-height:100vh;width:100vw;position:relative}.app:before{display:none}.app>*{position:relative}.navigation{position:absolute;top:20px;right:30px;display:flex;gap:30px;z-index:10}.nav-link{color:#fff;text-decoration:none;font-size:16px;font-weight:500;padding:8px 16px;border-radius:4px;transition:all .3s ease}.nav-link:hover{background-color:#fff3;transform:translateY(-2px)}.nav-link.active{background-color:#ffffff4d;font-weight:600}.main-content{padding:80px 40px 40px;max-width:1200px;margin:0 auto}.main-title{font-size:3.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:40px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.intro-container{margin-bottom:60px}.intro-text{color:#fff;font-size:16px;line-height:1.6;margin-bottom:20px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.intro-text:last-child{margin-bottom:0}.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.grid-box{height:300px;border-radius:12px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #0000004d}.grid-box:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0006}.box-content{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px}.box-title{color:#fff;font-size:1.8rem;font-weight:700;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.7);line-height:1.2}.map-box{background-image:url(https://images.unsplash.com/photo-1519302959534-a1ba48cc1d42?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80);background-size:cover;background-position:center}.map-box:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0064c899,#0096ff66);z-index:1}.download-box{background-image:url(https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80);background-size:cover;background-position:center}.download-box:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6400c8b3,#9600ff80);z-index:1}.explore-box{background-image:url(https://images.unsplash.com/photo-1578662996442-48f60103fc96?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80);background-size:cover;background-position:center}.explore-box:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#c8640099,#ff960066);z-index:1}@media(max-width:768px){.navigation{right:20px;gap:15px}.nav-link{font-size:14px;padding:6px 12px}.main-content{padding:60px 20px 20px}.main-title{font-size:2.5rem}.grid-container{grid-template-columns:1fr;gap:20px}.grid-box{height:250px}.box-title{font-size:1.5rem}}.interactive-maps{min-height:100vh;background:transparent;position:relative}.maps-container{padding:80px 40px 40px;max-width:1400px;margin:0 auto}.maps-title{font-size:3.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:40px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.maps-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;height:600px}.map-section{border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.2);position:relative;background:#fff}.map-controls{position:absolute;top:20px;right:20px;z-index:10;display:flex;flex-direction:column;gap:15px;max-width:250px}.control-panel{background:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;padding:15px}.toggle-container{display:flex;align-items:center;gap:10px}.parish-toggle{width:16px;height:16px;accent-color:#ff6b35;cursor:pointer}.toggle-label{font-size:14px;font-weight:500;color:#333;cursor:pointer}.control-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.damage-select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;color:#333}.damage-select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533}.hazard-selector{background:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;padding:15px}.hazard-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.hazard-select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;color:#333}.hazard-select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533}.map-legend{position:absolute;bottom:20px;left:20px;z-index:10;background:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;padding:15px}.legend-title{font-size:14px;font-weight:600;color:#333;margin-bottom:10px}.legend-items{display:flex;flex-direction:column;gap:5px}.legend-item{display:flex;align-items:center;gap:10px}.legend-color{width:24px;height:16px;border-radius:2px}.legend-value{font-size:12px;color:#666}.parish-info{background:#141428e6;border-radius:12px;border:2px solid rgba(255,255,255,.2);padding:25px;overflow-y:auto;backdrop-filter:blur(10px)}.info-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:20px}.info-placeholder{text-align:center;padding:60px 20px;color:#999}.placeholder-text{font-size:16px;margin-bottom:8px}.placeholder-subtext{font-size:14px}.info-hover{color:#ccc}.hover-label{font-size:14px;color:#999;margin-bottom:8px}.hover-parish{font-size:18px;font-weight:600;color:#ff6b35;margin-bottom:16px}.hover-instruction{font-size:14px;color:#999}.info-details{display:flex;flex-direction:column;gap:20px}.parish-header{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:15px}.parish-name{font-size:1.8rem;font-weight:700;color:#ff6b35;margin-bottom:5px}.parish-type{color:#999;font-size:14px}.total-loss-section{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:15px}.section-label{color:#999;font-size:14px;margin-bottom:8px}.total-loss-amount{font-size:1.8rem;font-weight:700;color:#fff}.hazard-breakdown{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:15px}.hazard-list{display:flex;flex-direction:column;gap:15px}.hazard-item{background:#1e1e32cc;border-radius:8px;padding:15px}.hazard-name{color:#fff;font-weight:600;margin-bottom:8px}.hazard-details{font-size:14px;color:#ccc}.hazard-row{display:flex;justify-content:space-between;margin-bottom:5px}.hazard-total{display:flex;justify-content:space-between;font-weight:600;color:#fff;padding-top:8px;border-top:1px solid rgba(255,255,255,.2);margin-top:8px}.no-data{border-top:1px solid rgba(255,255,255,.2);padding-top:15px}.no-data-text{color:#999;font-size:14px}.clear-button{width:100%;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .3s ease}.clear-button:hover{opacity:.9}.map-loading{min-height:100vh;background:linear-gradient(135deg,#003264b3,#32006499);display:flex;align-items:center;justify-content:center}.loading-content{text-align:center;color:#fff}.loading-spinner{width:64px;height:64px;border:4px solid rgba(255,107,53,.3);border-top:4px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-text{font-size:18px;margin-bottom:8px}.loading-subtext{font-size:14px;color:#ccc}.map-error{min-height:100vh;background:linear-gradient(135deg,#003264b3,#32006499);display:flex;align-items:center;justify-content:center}.error-content{text-align:center;color:#fff}.error-text{font-size:18px;margin-bottom:8px}.error-details{color:#ccc;margin-bottom:20px}.retry-button{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .3s ease}.retry-button:hover{opacity:.9}@media(max-width:768px){.maps-container{padding:60px 20px 20px}.maps-title{font-size:2.5rem}.maps-grid{grid-template-columns:1fr;height:auto;gap:20px}.map-section,.parish-info{height:400px}.map-controls{position:relative;top:auto;right:auto;max-width:none;margin-bottom:15px}}.hazards-page{min-height:100vh;background:transparent;position:relative;padding-bottom:0}.hazards-grid-container{padding:80px 40px 40px;max-width:1400px;margin:0 auto}.hazards-header{text-align:center;margin-bottom:60px}.hazards-title{font-size:3.5rem;font-weight:700;color:#fff;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hazards-subtitle{font-size:1.2rem;color:#ffffffe6;max-width:800px;margin:0 auto;line-height:1.6}.hazards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.hazard-card{background:#fffffff2;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #0003;backdrop-filter:blur(10px)}.hazard-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0000004d}.hazard-image-container{position:relative;height:200px;overflow:hidden}.hazard-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.hazard-card:hover .hazard-image{transform:scale(1.05)}.hazard-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px}.hazard-name{color:#fff;font-size:1.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.7)}.hazard-content{padding:25px}.hazard-description{color:#333;font-size:14px;line-height:1.6;margin-bottom:20px}.hazard-action{text-align:center}.learn-more{color:#ff6b35;font-weight:600;font-size:16px;transition:color .3s ease}.hazard-card:hover .learn-more{color:#ff8c42}.hazard-detail-container{min-height:100vh;background:transparent;position:relative}.hazard-detail-header{padding:40px 40px 20px;max-width:1400px;margin:0 auto}.back-button{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:30px}.back-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.hazard-detail-title{font-size:3.5rem;font-weight:700;color:#fff;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hazard-detail-content{max-width:1400px;margin:0 auto;padding:0 40px 40px;display:grid;grid-template-columns:.55fr 3.45fr;gap:40px;align-items:start}.hazard-detail-image-section{position:sticky;top:40px;z-index:2;max-width:240px}.hazard-detail-image{width:100%;height:140px;object-fit:cover;border-radius:16px;box-shadow:0 15px 40px #0000004d;border:3px solid rgba(255,255,255,.3)}.projections-images{display:flex;gap:18px;align-items:flex-start;margin-top:18px;flex-wrap:nowrap;justify-content:space-between}.projection-image{width:calc(50% - 10px);max-width:1100px;height:620px;object-fit:cover;border-radius:8px;box-shadow:0 10px 26px #00000029;border:2px solid rgba(0,0,0,.06)}@media(max-width:1024px){.projections-images{flex-wrap:wrap}.projection-image{width:48%;height:520px}}@media(max-width:768px){.projection-image{width:48%;height:300px}.hazard-detail-image{height:180px}.hazard-detail-content{grid-template-columns:1fr}.hazard-detail-image-section{max-width:none}}.hazard-detail-text{background:#fffffff2;border-radius:16px;padding:40px;backdrop-filter:blur(10px);box-shadow:0 15px 40px #0003}.section-title{font-size:1.8rem;font-weight:700;color:#036;margin-bottom:20px;margin-top:30px}.section-title:first-child{margin-top:0}.hazard-overview{font-size:1.2rem;color:#333;line-height:1.6;margin-bottom:30px;font-weight:500}.hazard-paragraph{color:#333;line-height:1.6;margin-bottom:20px;font-size:16px}.hazard-risk-section{background:#ff6b351a;border-left:4px solid #ff6b35;padding:20px;border-radius:8px;margin-top:30px}.hazard-risk-text{color:#333;line-height:1.6;margin:0;font-size:16px}@media(max-width:768px){.hazards-grid-container{padding:60px 20px 20px}.hazards-title{font-size:2.5rem}.hazards-subtitle{font-size:1rem}.hazards-grid{grid-template-columns:1fr;gap:20px}.hazard-detail-header{padding:20px 20px 10px}.hazard-detail-title{font-size:2.5rem}.hazard-detail-content{grid-template-columns:1fr;padding:0 20px 20px;gap:20px}.hazard-detail-image-section{position:static}.hazard-detail-image{height:250px}.hazard-detail-text{padding:20px}}.download-page{min-height:100vh;background:transparent;position:relative;padding-bottom:0}.download-container{max-width:1000px;margin:0 auto;padding:80px 40px 40px}.download-title{font-size:3.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.download-subtitle{font-size:1.2rem;color:#ffffffe6;text-align:center;margin-bottom:60px;line-height:1.6}.download-form{background:#fffffff2;border-radius:16px;padding:40px;margin-bottom:40px;box-shadow:0 15px 40px #0003;backdrop-filter:blur(10px)}.form-group{margin-bottom:30px}.form-label{display:block;font-size:1.1rem;font-weight:600;color:#333;margin-bottom:10px}.form-select{width:100%;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:16px;background:#fff;color:#333;transition:border-color .3s ease,box-shadow .3s ease}.form-select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b3533}.download-button{width:100%;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.download-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3566}.download-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.download-info{background:#fffffff2;border-radius:16px;padding:40px;box-shadow:0 15px 40px #0003;backdrop-filter:blur(10px)}.download-info h3{font-size:1.8rem;font-weight:700;color:#036;margin-bottom:30px;text-align:center}.format-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.format-card{background:#ff6b351a;border:2px solid rgba(255,107,53,.2);border-radius:12px;padding:30px;text-align:center}.format-card h4{font-size:1.5rem;font-weight:700;color:#ff6b35;margin-bottom:15px}.format-card p{color:#333;line-height:1.6;margin:0}.site-footer{background:transparent;color:#fff;padding:40px 0 20px;margin-top:auto;border-top:2px solid rgba(255,255,255,.2)}.footer-container{max-width:1200px;margin:0 auto;padding:0 40px}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:30px;align-items:start}.footer-section{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer-content .footer-section:last-child{align-items:flex-end}.footer-logo{max-height:50px;margin-bottom:10px;text-align:left;display:block;align-self:flex-start;margin-left:0}.footer-info{color:#fff;line-height:1.6}.footer-info div{margin-bottom:5px}.contact-info{text-align:left}.contact-title{font-weight:700;margin-bottom:10px;font-size:1.1rem}.contact-link{color:#b8f0ff;text-decoration:none;font-weight:600;transition:color .3s ease}.contact-link:hover{color:#fff;text-decoration:underline}.arrow{margin-left:5px}.footer-divider{border:none;height:1px;background:#ffffff4d;margin:30px 0}.footer-disclaimer{text-align:center}.footer-disclaimer p{margin:0;font-size:14px;line-height:1.6;color:#ffffffe6}.disclaimer-link{color:#b8f0ff;text-decoration:none}.disclaimer-link:hover{text-decoration:underline}@media(max-width:768px){.download-container{padding:60px 20px 20px}.download-title{font-size:2.5rem}.download-subtitle{font-size:1rem}.download-form,.download-info{padding:30px 20px}.format-cards{grid-template-columns:1fr;gap:20px}.footer-container{padding:0 20px}.footer-content{grid-template-columns:1fr;gap:30px;text-align:left}.contact-info{text-align:right}}.footer-logo{height:40px;width:auto;object-fit:contain;display:block;align-self:flex-start}