:root{--bio-teal: #1a5e4d;--bio-glow: #2A9D8F;--bio-electric: #00d4ff;--bio-dark: #05140d;--bio-night: #020b08;--text-light: #e6f0eb}body.bioluminescence-page{background-color:var(--bio-dark);color:var(--text-light);margin:0;overflow-x:hidden;font-family:Outfit,sans-serif}.bio-hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;background:linear-gradient(rgba(5,20,13,.4),var(--bio-dark)),url(assets/milky_way_montezuma_dock_1775513890050.png);background-size:cover;background-position:center;z-index:1}.bio-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 20%,var(--bio-dark) 90%);pointer-events:none}.bio-title{font-family:Abril Fatface,cursive;font-size:clamp(3rem,10vw,5.5rem);color:#fff;text-shadow:0 0 35px rgba(0,212,255,.45);margin-bottom:1rem;line-height:1.1}.bio-subtitle{font-size:1.4rem;color:var(--bio-glow);letter-spacing:5px;text-transform:uppercase;font-weight:300}.bio-intro-section{padding:6rem 2rem;max-width:900px;margin:0 auto;text-align:center}.bio-intro-card{background:#ffffff08;border:1px solid rgba(42,157,143,.15);padding:3rem;border-radius:24px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 20px 50px #0006}.bio-intro-card p{font-size:1.25rem;line-height:1.8;color:#b8c9bc;margin-bottom:2rem}.lagoon-section{position:relative;padding:6rem 2rem;background:linear-gradient(to bottom,var(--bio-dark),var(--bio-night));text-align:center;overflow:hidden}.lagoon-container{max-width:1000px;margin:0 auto;position:relative}.lagoon-canvas-frame{position:relative;width:100%;height:450px;border-radius:24px;overflow:hidden;border:2px solid rgba(0,212,255,.2);background-color:#010604;box-shadow:0 30px 80px #000000b3;cursor:pointer}#bioluminescence-canvas{width:100%;height:100%;display:block}.canvas-tip{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#020b08b3;padding:.6rem 1.5rem;border-radius:30px;font-size:.95rem;color:var(--bio-glow);letter-spacing:1px;text-transform:uppercase;border:1px solid rgba(42,157,143,.3);pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 5px 15px #0000004d;display:flex;align-items:center;gap:8px;animation:pulse-tip 2s infinite ease-in-out}@keyframes pulse-tip{0%,to{opacity:.7;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,-3px)}}.forecast-section{padding:6rem 2rem;background-color:var(--bio-night);display:flex;align-items:center;justify-content:center}.forecast-card{background:#ffffff05;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:3rem;border-radius:28px;max-width:800px;width:100%;box-shadow:0 40px 100px #0009;display:grid;grid-template-columns:1fr 1fr;gap:3rem}@media(max-width:768px){.forecast-card{grid-template-columns:1fr;gap:2rem}}.forecast-left{display:flex;flex-direction:column;justify-content:center}.forecast-left h2{font-family:Abril Fatface,cursive;font-size:2.2rem;color:#fff;margin-top:0;margin-bottom:1rem}.forecast-left p{color:#a3b3a8;line-height:1.6;margin-bottom:2rem}.forecast-input-group{display:flex;flex-direction:column;gap:.6rem;text-align:left}.forecast-input-group label{font-weight:600;font-size:.9rem;color:var(--bio-glow);text-transform:uppercase;letter-spacing:1px}.forecast-input-group input{background:#ffffff0a;border:1px solid rgba(255,255,255,.15);padding:1rem;border-radius:12px;color:#fff;font-size:1.1rem;outline:none;transition:all .3s ease;font-family:inherit}.forecast-input-group input:focus{border-color:var(--bio-glow);box-shadow:0 0 15px #2a9d8f4d}.forecast-right{background:#0b2c2426;border:1px solid rgba(42,157,143,.12);border-radius:20px;padding:2.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:320px}.moon-canvas-container{width:100px;height:100px;margin-bottom:1.5rem;filter:drop-shadow(0 0 12px rgba(79,195,247,.3))}.visibility-rating-badge{display:inline-block;padding:.5rem 1.5rem;border-radius:30px;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:1px;margin-bottom:1.25rem;transition:all .3s ease}