header{text-align:center;margin-bottom:2rem}header h1{font-size:2.5rem;background:linear-gradient(135deg,#22c55e,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}header p{color:#94a3b8;font-size:1.1rem}.main-container{display:grid;grid-template-columns:1fr 320px;gap:2rem}@media(max-width:1024px){.main-container{grid-template-columns:1fr}}.card{background:#1e293bcc;border-radius:16px;padding:1.5rem;border:1px solid rgba(148,163,184,.1);backdrop-filter:blur(10px)}.card h2{font-size:1.25rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}@media(max-width:1200px){.scenarios-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.scenarios-grid{grid-template-columns:1fr}}.scenario-card{background:#1e293b99;border-radius:12px;padding:1.25rem;border:2px solid transparent;cursor:pointer;transition:all .3s ease}.scenario-card:hover{border-color:#3b82f680;transform:translateY(-2px)}.scenario-card.selected{border-color:#3b82f6;background:#3b82f61a}.scenario-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.scenario-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.scenario-icon.drought{background:linear-gradient(135deg,#f59e0b,#d97706)}.scenario-icon.flood{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.scenario-icon.hurricane{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.scenario-icon.heatwave{background:linear-gradient(135deg,#ef4444,#dc2626)}.scenario-icon.wildfire{background:linear-gradient(135deg,#f97316,#ea580c)}.scenario-icon.glacier{background:linear-gradient(135deg,#06b6d4,#0891b2)}.scenario-title{font-size:1.1rem;font-weight:600}.scenario-region{font-size:.85rem;color:#94a3b8}.scenario-desc{font-size:.85rem;color:#cbd5e1;line-height:1.4}.scenario-card{min-height:180px}.category-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:.5rem}.category-badge.weather{background:#3b82f633;color:#60a5fa}.category-badge.health{background:#ef444433;color:#f87171}.category-badge.longterm{background:#06b6d433;color:#22d3d8}.complexity-badge{display:inline-block;padding:.15rem .4rem;border-radius:4px;font-size:.6rem;font-weight:500;margin-top:.3rem;letter-spacing:.3px}.complexity-badge.foundational{background:#22c55e26;color:#4ade80}.complexity-badge.intermediate{background:#fbbf2426;color:#fbbf24}.complexity-badge.advanced{background:#a855f726;color:#c084fc}.complexity-guide{background:#1e293bcc}.complexity-item{margin-bottom:1rem}.complexity-item:last-child{margin-bottom:0}.complexity-item p{margin-top:.35rem;font-size:.85rem;color:#94a3b8}.scenarios-page .scenarios-hero{text-align:center;padding:2rem 0}.scenarios-hero h1{font-size:2.5rem;background:linear-gradient(135deg,#22c55e,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.scenarios-hero p{font-size:1.1rem;color:#94a3b8}.landing-header{text-align:center;padding:2rem 0}.landing-header h1{font-size:2.75rem;margin-bottom:.75rem}.landing-header p{font-size:1.2rem;color:#94a3b8;max-width:600px;margin:0 auto}.scenario-badges{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.conflict-indicator{display:inline-block;padding:.15rem .4rem;border-radius:4px;font-size:.6rem;font-weight:500;background:#fbbf2426;color:#fbbf24}.scenarios-progress-bar-section{background:#22c55e0d;border:1px solid rgba(34,197,94,.18);border-radius:14px;padding:.9rem 1.2rem;margin-bottom:1rem}.spb-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem;gap:1rem}.spb-label{font-size:.85rem;color:#94a3b8;font-weight:500}.spb-cert-link{font-size:.82rem;color:#22c55e;text-decoration:none;font-weight:600;transition:opacity .2s;white-space:nowrap}.spb-cert-link:hover{opacity:.8}.spb-track{height:6px;background:#ffffff12;border-radius:3px;overflow:hidden}.spb-fill{height:100%;background:linear-gradient(90deg,#22c55e,#3b82f6);border-radius:3px;transition:width .5s ease}.scenario-card.completed{border-color:#22c55e40!important;background:#22c55e08!important;position:relative}.scenario-completed-badge{position:absolute;top:.75rem;right:.75rem;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#22c55e;font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:20px;letter-spacing:.04em;z-index:1}.scenario-cta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.scenario-cert-link{font-size:.8rem;color:#22c55e;text-decoration:none;font-weight:600;padding:.25rem .65rem;border:1px solid rgba(34,197,94,.25);border-radius:20px;transition:all .2s;white-space:nowrap}.scenario-cert-link:hover{background:#22c55e1a;border-color:#22c55e73}