*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#f0f9ff 0,#e0f2fe 100%);min-height:100vh;color:#374151;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card,.chart-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px rgb(0 0 0 / 10%);padding:1.5rem;margin-bottom:1rem}.yacht-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / 10%);padding:1rem;border-left:4px solid #facc15;transition:transform .2s ease}.yacht-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / 15%)}.btn{padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.btn-primary{background-color:#0ea5e9;color:#fff}.btn-primary:hover{background-color:#0284c7}.btn-secondary{background-color:#e5e7eb;color:#374151}.btn-secondary:hover{background-color:#d1d5db}.pollution-alert{background-color:#ef4444;color:#fff;padding:.75rem 1rem;border-radius:6px;margin:1rem 0}.data-point{transition:all .2s ease;cursor:pointer}.data-point:hover{transform:scale(1.05)}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width >= 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (width >= 1024px){.lg\\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\\:col-span-2{grid-column:span 2}}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.m-2{margin:.5rem}.m-4{margin:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.w-4{width:1rem}.w-6{width:1.5rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-64{height:16rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.space-x-2>*+*{margin-left:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-6>*+*{margin-top:1.5rem}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-md{border-radius:6px}.rounded-full{border-radius:50%}.cursor-pointer{cursor:pointer}.transition-colors{transition:color .2s ease,background-color .2s ease}.transition-all{transition:all .2s ease}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-blue-600{color:#2563eb}.text-red-600{color:#dc2626}.text-green-600{color:#16a34a}.text-yellow-600{color:#ca8a04}.text-ocean-600{color:#0284c7}.text-pollution-600{color:#dc2626}.text-pollution-100{color:#fee2e2}.text-yacht-600{color:#ca8a04}.bg-ocean-500{background-color:#0ea5e9}.bg-ocean-50{background-color:#f0f9ff}.bg-ocean-100{background-color:#e0f2fe}.bg-pollution-500{background-color:#ef4444}.bg-pollution-50{background-color:#fef2f2}.bg-pollution-100{background-color:#fee2e2}.bg-yacht-400{background-color:#facc15}.border-ocean-500{border-color:#0ea5e9}.border-pollution-400{border-color:#f87171}.border-yacht-400{border-color:#facc15}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.min-h-screen{min-height:100vh}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-ocean-50{--tw-gradient-from:#f0f9ff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(240, 249, 255, 0))}.to-ocean-100{--tw-gradient-to:#e0f2fe}.from-pollution-50{--tw-gradient-from:#fef2f2;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(254, 242, 242, 0))}.to-pollution-100{--tw-gradient-to:#fee2e2}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-pollution-500{--tw-gradient-from:#ef4444;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to, rgba(239, 68, 68, 0))}.to-pollution-600{--tw-gradient-to:#dc2626}.shadow-md{box-shadow:0 4px 6px -1px rgb(0 0 0 / 10%)}.shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0 / 10%)}.hover\\:bg-gray-100:hover{background-color:#f3f4f6}.hover\\:text-gray-700:hover{color:#374151}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}:root{--bravo-navy:#1e3a8a;--bravo-teal:#0891b2;--bravo-gold:#d97706;--ocean-primary:#0284c7;--ocean-light:#7dd3fc}.below-deck-header{position:relative;background:linear-gradient(135deg,var(--bravo-navy) 0,var(--bravo-teal) 50%,var(--ocean-primary) 100%);color:#fff;padding:3rem 0 6rem 0;overflow:hidden}.below-deck-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,255,255,.08) 0,transparent 50%);pointer-events:none}.below-deck-title{position:relative;z-index:2;text-align:center;padding:2rem 1rem}.bravo-badge{display:inline-block;background:rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.title-main{font-size:3.5rem;font-weight:900;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);position:relative;display:inline-block;background:linear-gradient(45deg,#fff,#7dd3fc,#fff,#0891b2);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleFloat 1s ease-in-out 5 forwards,waveGradient 1s ease-in-out 5 forwards}.title-main::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent,rgba(125,211,252,.3),transparent);border-radius:8px;animation:shimmer 1s ease-in-out 5 forwards;z-index:-1}.title-main::after{content:'🌊🌊🌊';position:absolute;right:-6rem;top:50%;transform:translateY(-50%);font-size:1.5rem;animation:waveEmoji 1s ease-in-out 5 forwards;letter-spacing:.2rem}.title-subtitle{font-size:1.5rem;font-weight:300;color:var(--ocean-light);margin-bottom:1rem;animation:subtitleGlow 3s ease-in-out infinite alternate}.wave{position:absolute;bottom:0;left:0;width:100%;height:60px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" fill="%23ffffff"/><path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" opacity=".5" fill="%23ffffff"/><path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" fill="%23ffffff"/></svg>') repeat-x;background-size:1200px 60px;animation:waveAnimation 10s linear infinite}@keyframes titleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes waveEmoji{0%{transform:translateY(-50%) rotate(0) scale(1)}25%{transform:translateY(-60%) rotate(-15deg) scale(1.1)}50%{transform:translateY(-40%) rotate(0) scale(1)}75%{transform:translateY(-60%) rotate(15deg) scale(1.1)}100%{transform:translateY(-50%) rotate(0) scale(1)}}@keyframes subtitleGlow{0%{text-shadow:0 0 5px rgba(125,211,252,.5)}100%{text-shadow:0 0 20px rgba(125,211,252,.8),0 0 30px rgba(125,211,252,.6)}}@keyframes waveAnimation{0%{background-position-x:0px}100%{background-position-x:1200px}}@keyframes waveGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%,100%{opacity:.3;transform:translateX(-100%)}50%{opacity:.8;transform:translateX(100%)}}.tooltip-container{position:relative;cursor:help}.tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.9);color:#fff;padding:.75rem;border-radius:8px;font-size:.75rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.3)}.tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.9)}.tooltip-container:hover .tooltip{opacity:1;visibility:visible}@media (max-width:768px){.title-main{font-size:2.5rem}.title-main::after{right:-1rem;font-size:1.5rem}.title-subtitle{font-size:1.25rem}.below-deck-header{padding:2rem 0 4rem 0}.tooltip{font-size:.6rem;padding:.5rem;white-space:normal;width:200px}}