.volcano-hero{background:linear-gradient(135deg,#0f172a 0,#1e293b 30%,#451a03 70%,#7c2d12 100%)}.hero-gradient{background:linear-gradient(to bottom,rgba(15,23,42,.3) 0,rgba(69,26,3,.25) 50%,rgba(15,23,42,.5) 100%)}.lava-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 30% 20%,rgba(255,87,51,.3) 2px,transparent 2px),radial-gradient(circle at 70% 80%,rgba(220,38,38,.2) 1px,transparent 1px),radial-gradient(circle at 20% 70%,rgba(185,28,28,.2) 1px,transparent 1px);background-size:100px 100px,150px 150px,80px 80px}.hero-title{background:linear-gradient(45deg,#fff,#fbbf24,#f87171);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-number{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero-scroll{bottom:1rem}.hero-cta-group{margin-bottom:1.75rem}.activity-alert{background:rgba(239,246,255,.95);color:#1e40af;padding:1.5rem 0;position:relative;z-index:1;margin-bottom:2rem;border:1px solid rgba(59,130,246,.3)}.alert-content{display:flex;align-items:center;gap:2rem;max-width:1200px;margin:0 auto}.alert-icon{font-size:2rem}.alert-text h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.alert-button{background:#3b82f6;color:#fff;padding:.75rem 1.5rem;border-radius:25px;text-decoration:none;font-weight:600;margin-left:auto}.alert-dismiss{background:0 0;border:none;color:#6b7280;font-size:1.2rem;cursor:pointer;padding:.5rem;margin-left:1rem;border-radius:50%}.quick-nav{padding:6rem 0;background:#fff}.section-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:3rem;background:linear-gradient(135deg,#1e293b,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.nav-card{background:#fff;border-radius:20px;padding:3rem 2.5rem;text-decoration:none;color:inherit;box-shadow:0 15px 40px rgba(0,0,0,.1);border:1px solid rgba(226,232,240,.8);position:relative;overflow:hidden}.nav-card.hot::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#dc2626,#ef4444,#dc2626)}.nav-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#dc2626,#ef4444,#dc2626)}.card-image{height:140px;border-radius:12px;overflow:hidden;margin-bottom:1rem}.card-image img{width:100%;height:100%;object-fit:cover}.card-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.nav-card h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--dark)}.nav-card p{color:var(--gray);margin-bottom:1.5rem;line-height:1.6}.card-status{display:inline-block;padding:.25rem .75rem;background:rgba(220,38,38,.1);color:#dc2626;border-radius:15px;font-size:.8rem;font-weight:600;margin-bottom:1rem}.card-arrow{font-size:1.2rem;color:#dc2626;font-weight:600}.volcano-map{padding:6rem 0;background:linear-gradient(135deg,#1e293b 0,#451a03 100%);color:#fff}.volcano-map .section-title{color:#fff;background:linear-gradient(135deg,#fff,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.map-container{max-width:900px;margin:0 auto;position:relative}.map-placeholder{width:100%;height:500px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}.map-placeholder::before{content:'';position:absolute;top:50%;left:50%;width:300px;height:200px;background:rgba(220,38,38,.4);clip-path:polygon(15% 25%,25% 20%,35% 15%,45% 10%,55% 15%,65% 12%,75% 18%,85% 25%,90% 35%,88% 45%,85% 55%,80% 65%,75% 75%,70% 82%,60% 85%,50% 88%,40% 85%,30% 80%,25% 75%,20% 65%,15% 55%,12% 45%,10% 35%,15% 25%);border:2px solid rgba(220,38,38,.6)}.map-placeholder::after{content:'Iceland Volcanic Systems Map';position:absolute;top:20px;left:50%;color:#dc2626;font-weight:600;font-size:1.1rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.map-region{position:absolute;cursor:pointer}.region-marker{display:inline-block;width:35px;height:35px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border-radius:50%;text-align:center;line-height:35px;font-size:1rem;box-shadow:0 4px 15px rgba(220,38,38,.4)}.region-marker.active{background:linear-gradient(135deg,#ef4444,#dc2626)}.region-label{position:absolute;top:-40px;left:50%;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);color:#dc2626;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;white-space:nowrap;opacity:1;border:1px solid rgba(220,38,38,.3);box-shadow:0 4px 15px rgba(0,0,0,.2)}.featured-systems{padding:6rem 0;background:#fff}.systems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;max-width:1400px;margin:0 auto}.system-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.1);border:1px solid rgba(74,159,231,.1)}.system-card.featured{grid-column:span 2}.system-image{height:200px;position:relative;overflow:hidden;border-radius:8px 8px 0 0}.system-card.featured .system-image{height:250px}.image-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#1a202c;font-size:2rem;font-weight:800;background:#f8fafc;position:relative}.system-status{position:absolute;top:1rem;left:1rem;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.system-status.active{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.system-status.monitoring{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.system-status.overdue{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.system-content{padding:2.5rem}.system-content h3{font-size:1.8rem;font-weight:800;margin-bottom:.5rem;color:var(--dark)}.system-tag{background:rgba(74,159,231,.1);color:#4a9fe7;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:500;display:inline-block;margin-bottom:15px;width:fit-content}.system-content p{color:var(--gray);line-height:1.6;margin-bottom:1.5rem}.system-stats{display:flex;gap:1.5rem;margin-bottom:2rem;font-size:.9rem}.system-stats span{color:var(--gray)}.system-link{color:#dc2626;text-decoration:none;font-weight:600;font-size:1.1rem;display:inline-flex;align-items:center;gap:.5rem}.eruption-timeline{padding:6rem 0;background:linear-gradient(135deg,#f8fafc 0,#e2e8f0 100%)}.timeline{max-width:800px;margin:0 auto;position:relative}.timeline::before{content:'';position:absolute;left:2rem;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#dc2626,#ef4444)}.timeline-item{display:flex;gap:2rem;margin-bottom:3rem;position:relative}.timeline-item.featured::before{content:'';position:absolute;left:1.25rem;top:1rem;width:1.5rem;height:1.5rem;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:50%;border:3px solid #fff;z-index:2}.timeline-date{font-size:1.2rem;font-weight:800;color:#dc2626;min-width:80px}.timeline-content{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.06);flex:1}.timeline-impact{display:inline-block;padding:.25rem .75rem;background:rgba(220,38,38,.1);color:#dc2626;border-radius:15px;font-size:.8rem;font-weight:600;margin-top:.5rem}.safety-overview{padding:6rem 0;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b;text-align:center}.safety-content h2{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem}.safety-intro{font-size:1.2rem;margin-bottom:3rem;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.safety-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto 3rem}.safety-feature{background:#fff;padding:2rem;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid rgba(220,38,38,.1)}.feature-icon{font-size:3rem;margin-bottom:1rem;display:block}.safety-feature h3{font-size:1.3rem;font-weight:700;margin-bottom:1rem}.btn-primary{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;text-decoration:none;border-radius:50px;font-weight:700;box-shadow:0 4px 20px rgba(220,38,38,.3)}.volcano-footer{background:var(--dark);color:#fff;padding:3rem 0 2rem}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;text-align:center}.footer-section h3,.footer-section h4{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.footer-section ul{list-style:none;padding:0}.footer-section li{margin-bottom:.5rem}.footer-section a{color:rgba(255,255,255,.7);text-decoration:none}@media (max-width:768px){.system-card.featured{grid-column:span 1}.alert-content{flex-direction:column;text-align:center;gap:1rem}.nav-cards{grid-template-columns:1fr;gap:1.5rem}.nav-card{padding:2rem 1.5rem;min-height:44px}.card-icon{font-size:2.5rem;margin-bottom:1rem}.nav-card h3{font-size:1.3rem}.nav-card p{font-size:.95rem;line-height:1.5}.nav-card{border-radius:16px}.card-image{height:180px;border-radius:12px}.section-title{font-size:1.5rem}.systems-grid{grid-template-columns:1fr;gap:1rem}.system-card{border-radius:16px}.system-content{padding:1.25rem}.system-image{height:180px}.footer-content{grid-template-columns:1fr;text-align:center}.safety-features{grid-template-columns:1fr;gap:1rem}.safety-feature{border-radius:16px;padding:1.25rem}.citations-section,.eruption-timeline,.featured-systems,.major-systems,.quick-nav,.safety-overview,.volcano-map{padding:40px 0}.timeline::before{left:1rem}.timeline-item{gap:1rem}.timeline-date{min-width:60px;font-size:1rem}}@media (max-width:480px){.section-title{font-size:2rem}.system-content,.timeline-content{padding:1.5rem}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (prefers-contrast:high){.nav-card,.system-card,.timeline-content{border:2px solid}}@media (prefers-color-scheme:dark){.featured-systems,.quick-nav{background:#0f172a}.system-card,.timeline-content{background:#1e293b;border-color:rgba(148,163,184,.2)}}.citations-section{background:rgba(255,68,68,.02);padding:4rem 0;border-top:1px solid rgba(255,68,68,.1)}.citations-list{max-width:800px;margin:0 auto}.citation-item{display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:rgba(255,255,255,.8);border-radius:12px;border-left:4px solid #dc2626}.citation-number{font-weight:700;color:#dc2626;min-width:2rem;font-size:1.1rem}.citation-content p{margin:0;color:var(--text-high-contrast);line-height:1.6}.citation-content a{color:#dc2626;text-decoration:underline}.citation{color:#dc2626;text-decoration:none;font-weight:600;font-size:.9rem}.citation-small{color:rgba(255,255,255,.9);text-decoration:none;font-size:.8rem}.citations-note{text-align:center;margin-top:3rem;padding:1.5rem;background:rgba(255,136,68,.1);border-radius:12px;border:1px solid rgba(255,136,68,.2)}.citations-note p{margin:0;color:var(--text-medium-contrast);font-size:.95rem}.citations-note a{color:#dc2626;text-decoration:underline}.guide-content h2{color:#dc2626}.activity-card h3,.guide-content h3,.info-card h3{color:#b91c1c}.guide-content .lead{color:#451a03}.guide-content[style*=background]{background:#fef2f2!important}.info-card{border-top:3px solid #dc2626;border-radius:12px}.activity-card{border-top:3px solid #f97316;border-radius:12px}.warning-box{border-left:4px solid #dc2626;background:#fef2f2}.warning-box h3{color:#991b1b}.image-text-row img{border-radius:12px;border:2px solid rgba(220,38,38,.1)}.gallery-caption strong{color:#dc2626}.visual-break-caption{border-left:3px solid #dc2626}.gallery-item{border-radius:12px;overflow:hidden}.volcano-footer{border-top:3px solid #dc2626}.volcano-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(15,23,42,.6),transparent);z-index:1;pointer-events:none}#glacier-map{border:2px solid rgba(220,38,38,.15)}@media (max-width:600px){.hero-title{font-size:2.2rem!important;line-height:1.2}.hero-subtitle{font-size:1rem!important}.nav-card h3{font-size:1.2rem}.nav-card p{font-size:.9rem}.section-title{font-size:1.8rem}.alert-button{padding:.6rem 1.2rem;font-size:.9rem;min-height:44px;min-width:44px}}