@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap);:root{--background:#f8fafb;--foreground:#0d1a26;--card:#fff;--card-foreground:#0d1a26;--popover:#fff;--popover-foreground:#0d1a26;--primary:#0a5276;--primary-foreground:#fff;--secondary:#f3ece2;--secondary-foreground:#132639;--muted:#edf1f3;--muted-foreground:#627884;--accent:#f06542;--accent-foreground:#fff;--destructive:#ef4343;--destructive-foreground:#fff;--border:#d9e3e8;--input:#d9e3e8;--ring:#0a5276;--radius:0.75rem;--ocean-deep:#053557;--ocean-mid:#127da1;--ocean-light:#26bbd9;--ocean-surface:#99dfe6;--coral:#f06542;--coral-light:#f59f89;--sand:#e8dbc9;--foam:#f2f8f8;--gradient-ocean:linear-gradient(135deg,var(--ocean-deep) 0%,var(--ocean-mid) 50%,var(--ocean-light) 100%);--gradient-hero:linear-gradient(180deg,var(--ocean-deep) 0%,var(--ocean-mid) 40%,var(--ocean-light) 100%);--gradient-card:linear-gradient(145deg,var(--card) 0%,#f5f8fa 100%);--gradient-coral:linear-gradient(135deg,var(--coral) 0%,var(--coral-light) 100%);--shadow-soft:0 4px 20px -4px #1a3b4d1a;--shadow-card:0 8px 30px -8px #1a3b4d26;--shadow-elevated:0 20px 50px -15px #1a3b4d33;--shadow-glow:0 0 40px #26bbd94d;--tiffany-blue:var(--ocean-light);--midnight-blue:var(--ocean-deep);--blue-grotto:var(--ocean-mid);--baby-blue:var(--ocean-surface);--accent-coral:var(--coral);--tropical-deep:var(--ocean-deep);--tropical-aqua:var(--ocean-light);--tropical-lime:#55efc4;--tropical-sun:#fdcb6e;--tropical-coral:var(--coral)}body,html{box-sizing:border-box;height:100%;margin:0;overflow-x:hidden;overflow-y:auto;padding:0}*,:after,:before{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafb;background:var(--background);color:#0d1a26;color:var(--foreground);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:600}.container{padding:0 20px}.btn{background:var(--gradient-accent);border:none;border-radius:.75rem;border-radius:var(--radius);box-shadow:0 8px 30px -8px #1a3b4d26;box-shadow:var(--shadow-card);color:#fff;cursor:pointer;display:inline-block;font-family:Inter,sans-serif;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;text-shadow:1px 1px 2px #0000004d;transition:all .3s ease}.btn:hover{box-shadow:0 20px 50px -15px #1a3b4d33;box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn-secondary{background:var(--gradient-secondary)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:.75rem;border-radius:var(--radius);box-shadow:0 8px 30px -8px #1a3b4d26;box-shadow:var(--shadow-card);margin-bottom:20px;padding:20px;transition:all .3s ease}.card:hover{box-shadow:0 20px 50px -15px #1a3b4d33;box-shadow:var(--shadow-elevated);transform:translateY(-5px)}.grid{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1400px;padding:20px 10px}@media (min-width:1200px){.grid{gap:35px;grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.grid{gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:15px 5px}}.hero-section{align-items:center;display:flex;min-height:70vh;overflow:hidden;position:relative}.hero-background{background-image:url(https://images.unsplash.com/photo-1583212292454-1fe6229603b7?w=1920&h=1080&fit=crop&auto=format&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0;transform:scale(1.05);transition:transform 8s ease-in-out}.hero-section:hover .hero-background{transform:scale(1.1)}.hero-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(135deg,#00478fb3,#1a83cc99 30%,#65dff666 70%,#cbebf54d);bottom:0;left:0;position:absolute;right:0;top:0}.hero-content{color:#fff;padding:60px 0;position:relative;text-align:center;z-index:10}.hero-title{font-family:Playfair Display,serif;font-size:4.5rem;font-weight:700;letter-spacing:2px;margin-bottom:25px;text-shadow:3px 3px 6px #000000b3}.hero-subtitle{font-size:1.6rem;font-weight:400;line-height:1.6;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:700px;opacity:.95;text-shadow:2px 2px 4px #0009}.hero-actions{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;margin-top:30px}.hero-btn-primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #fff3;box-shadow:0 20px 50px -15px #1a3b4d33;box-shadow:var(--shadow-elevated);font-size:18px;padding:15px 30px}.hero-btn-primary:hover{border-color:#fff6;box-shadow:0 15px 40px #0006;transform:translateY(-3px)}.hero-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;font-size:18px;padding:15px 30px}.hero-btn-secondary:hover{background:#fff3;transform:translateY(-3px)}.fish-card{background:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.fish-card:hover{box-shadow:0 15px 35px #0003;transform:translateY(-10px)}.fish-image{align-items:center;background:linear-gradient(135deg,#053557,#127da1 50%,#26bbd9);background:var(--gradient-ocean);border-radius:.75rem .75rem 0 0;border-radius:var(--radius) var(--radius) 0 0;color:#fff;display:flex;font-size:24px;font-weight:700;height:200px;justify-content:center;overflow:hidden;position:relative;text-shadow:2px 2px 4px #0000004d;width:100%}.fish-info{padding:20px}.price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f06542,#fd79a8);background:linear-gradient(135deg,var(--accent-coral),#fd79a8);-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:1.75rem;font-weight:700;letter-spacing:.5px;margin:10px 0;position:relative;text-shadow:0 2px 4px #fd79a84d;transition:all .3s ease}.enhanced-fish-card:hover .price{filter:drop-shadow(0 4px 8px rgba(253,121,168,.4));transform:scale(1.05)}.care-level{border:2px solid #0000;border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.8px;margin:5px 5px 5px 0;padding:6px 14px;position:relative;text-transform:uppercase;transition:all .3s ease}.care-beginner{background:linear-gradient(135deg,#26bbd9,#55efc4);background:linear-gradient(135deg,var(--tiffany-blue),#55efc4);box-shadow:0 4px 15px #65dff666;color:#fff;text-shadow:0 1px 3px #0000004d}.care-beginner:hover{box-shadow:0 6px 20px #65dff680;transform:translateY(-2px)}.care-intermediate{background:linear-gradient(135deg,#127da1,#74b9ff);background:linear-gradient(135deg,var(--blue-grotto),#74b9ff);box-shadow:0 4px 15px #74b9ff66;color:#fff;text-shadow:0 1px 3px #0000004d}.care-intermediate:hover{box-shadow:0 6px 20px #74b9ff80;transform:translateY(-2px)}.care-advanced{background:linear-gradient(135deg,#a29bfe,#6c5ce7);box-shadow:0 4px 15px #a29bfe66;color:#fff;text-shadow:0 1px 3px #0000004d}.care-advanced:hover{box-shadow:0 6px 20px #a29bfe80;transform:translateY(-2px)}.care-expert{background:linear-gradient(135deg,#053557,#2d3436);background:linear-gradient(135deg,var(--midnight-blue),#2d3436);box-shadow:0 4px 15px #2d343666;color:#fff;text-shadow:0 1px 3px #0000004d}.care-expert:hover{box-shadow:0 6px 20px #2d343680;transform:translateY(-2px)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #0000001a;padding:15px 0;z-index:100}.nav-container{align-items:center;display:flex;justify-content:space-between}.nav-links{display:flex;gap:30px;list-style:none}.nav-links a{color:#2d3436;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#26bbd9;color:var(--tiffany-blue);text-shadow:0 0 8px #26bbd9;text-shadow:0 0 8px var(--tiffany-blue);transition:all .3s ease}.menu-toggle{background:none;border:none;color:#2d3436;cursor:pointer;display:none;font-size:24px;padding:10px}@media (max-width:768px){.menu-toggle{display:block}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #0000001a;box-shadow:0 2px 10px #0000001a;display:none;flex-direction:column;left:0;opacity:0;padding:20px 0;position:absolute;top:60px;transition:opacity .3s ease-in-out;width:100%}.nav-links.open{display:flex;opacity:1}.nav-links li{margin:10px 0;text-align:center}}.footer{background:#2d3436;color:#fff;margin-top:60px;padding:40px 0;text-align:center}.fish-detail-grid{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 2fr}.fish-detail-image{animation:oceanWave 12s ease-in-out infinite,floatGentle 6s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#667eea 50%,#81c7d4 75%,#667eea);background-size:400% 400%;border:3px solid #ffffff1a;border-radius:25px;box-shadow:0 20px 60px #00325033,0 0 0 1px #65dff61a,inset 0 1px 0 #fff3;margin-bottom:30px;overflow:hidden;padding:80px;position:relative;text-align:center;transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.fish-detail-image:hover{animation-play-state:paused;box-shadow:0 30px 80px #0032504d,0 0 0 1px #65dff633,inset 0 1px 0 #ffffff4d;transform:scale(1.08) translateY(-8px)}@keyframes floatGentle{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(1deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(8px) rotate(-1deg)}}.fish-detail-image:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.fish-detail-image:hover:before{left:100%}.specifications-grid{grid-gap:20px;background:#f8f9fa;border-radius:10px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0;padding:20px}.spec-item h4{color:#00cec9;font-size:14px;font-weight:700;margin-bottom:8px}.spec-item p{color:#2d3436;font-weight:700;margin:0}.action-buttons{grid-gap:10px;display:grid;gap:10px;margin-top:20px}.compatibility-section{margin:40px 0}.mini-fish-card{transform:scale(.85);transition:transform .3s ease}.mini-fish-card:hover{transform:scale(.9)}.breadcrumb{align-items:center;color:#fff;display:flex;font-size:14px;gap:10px;margin-bottom:20px}.breadcrumb a{color:var(--accent-gold);font-weight:700;text-decoration:none;transition:all .3s ease}.breadcrumb a:hover{color:#26bbd9;color:var(--tiffany-blue);text-decoration:underline;text-shadow:0 0 8px #26bbd9;text-shadow:0 0 8px var(--tiffany-blue)}.breadcrumb-separator{color:#ddd}@keyframes wave{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(1deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(5px) rotate(-1deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 8px 30px -8px #1a3b4d26;box-shadow:var(--shadow-card)}50%{box-shadow:0 0 40px #26bbd94d;box-shadow:var(--shadow-glow)}}.animate-wave{animation:wave 6s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#26bbd9,#0000);background:linear-gradient(90deg,#0000,var(--tiffany-blue),#0000);background-size:200% 100%}.animate-bubble{animation:bubble 8s ease-in infinite}.animate-glow{animation:glow 3s ease-in-out infinite}.fish-image:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.fish-card:hover .fish-image:before{left:100%}.text-gradient-tropical{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f06542,#f59f89);background:var(--gradient-coral);-webkit-background-clip:text;background-clip:text}.enhanced-fish-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;background-clip:padding-box;border:2px solid #0000;border-radius:20px;box-shadow:0 12px 40px #00325026;cursor:pointer;overflow:hidden;position:relative;transform:perspective(1000px) rotateX(0deg);transition:all .6s cubic-bezier(.175,.885,.32,1.275)}.enhanced-fish-card:before{background:linear-gradient(135deg,#26bbd9,#f06542,var(--accent-gold));background:linear-gradient(135deg,var(--tiffany-blue),var(--accent-coral),var(--accent-gold));border-radius:18px;bottom:0;content:"";left:0;-webkit-mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;right:0;top:0;transition:opacity .4s ease}.enhanced-fish-card:hover{box-shadow:0 25px 60px #00325040,0 0 0 1px #65dff61a,inset 0 1px 0 #fff9;transform:translateY(-12px) perspective(1000px) rotateX(5deg)}.enhanced-fish-card:hover:before{opacity:1}.enhanced-fish-image{align-items:center;animation:oceanWave 8s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#667eea 50%,#81c7d4 75%,#667eea);background-size:400% 400%;border-radius:20px 20px 0 0;color:#fff;display:flex;font-size:28px;font-weight:700;height:220px;justify-content:center;overflow:hidden;position:relative;text-shadow:3px 3px 8px #0006;width:100%}@keyframes oceanWave{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.enhanced-fish-card:hover .enhanced-fish-image img{transform:scale(1.1)}.image-overlay{background:linear-gradient(0deg,#0009 0,#0000 50%,#0000);inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.enhanced-fish-card:hover .image-overlay{opacity:1}.stock-badge{position:absolute;right:12px;top:12px;z-index:10}.stock-status{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid #ffffff4d;border-radius:20px;font-size:10px;letter-spacing:.8px;padding:6px 12px;text-shadow:0 1px 2px #0003;transition:all .3s ease}.stock-in{background:linear-gradient(135deg,#55efc4f2,#00cec9e6);box-shadow:0 2px 8px #55efc466}.stock-in:hover{box-shadow:0 4px 12px #55efc480;transform:scale(1.05)}.stock-low{background:linear-gradient(135deg,#fdcb6ef2,#f9ca24e6);box-shadow:0 2px 8px #fdcb6e66}.stock-low:hover{box-shadow:0 4px 12px #fdcb6e80;transform:scale(1.05)}.stock-out{background:linear-gradient(135deg,#747474f2,#555555e6);box-shadow:0 2px 8px #74747466}.stock-out:hover{box-shadow:0 4px 12px #74747480;transform:scale(1.05)}.category-badge{left:12px;position:absolute;top:12px;z-index:10}.category-text{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1.5px solid #fff6;border-radius:20px;box-shadow:0 2px 8px #ffffff4d;color:#053557;color:var(--midnight-blue);font-size:10px;font-weight:700;letter-spacing:.8px;padding:6px 12px;text-shadow:0 1px 2px #0000001a;text-transform:uppercase;transition:all .3s ease}.category-text:hover{box-shadow:0 4px 12px #ffffff80;transform:scale(1.05)}.enhanced-fish-info{background:linear-gradient(180deg,#fff0,#f8fafccc);padding:24px}.fish-header{margin-bottom:18px;position:relative}.fish-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3436,#636e72);-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:1.35rem;font-weight:700;letter-spacing:.5px;line-height:1.2;margin-bottom:8px;transition:all .4s ease}.enhanced-fish-card:hover .fish-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#26bbd9,#127da1);background:linear-gradient(135deg,var(--tiffany-blue),var(--blue-grotto));-webkit-background-clip:text;background-clip:text;transform:translateY(-2px)}.scientific-name{color:#8e9aaf;font-size:.95rem;font-style:italic;letter-spacing:.3px;margin:0;opacity:.85}.fish-description,.scientific-name{font-family:Inter,sans-serif;font-weight:400}.fish-description{color:#5a6c7d;font-size:.925rem;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.2px;line-height:1.6;margin-bottom:18px;text-align:justify}.badges-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tank-size-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#65dff626,#65dff614);border:1.5px solid #65dff64d;border-radius:20px;box-shadow:0 2px 8px #65dff626;color:#26bbd9;color:var(--tiffany-blue);font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.tank-size-badge:hover{box-shadow:0 4px 12px #65dff640;transform:translateY(-1px)}.reef-safe-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#00b89426,#00b89414);border:1.5px solid #00b8944d;border-radius:20px;box-shadow:0 2px 8px #00b89426;color:#00b894;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase;transition:all .3s ease}.reef-safe-badge:hover{box-shadow:0 4px 12px #00b89440;transform:translateY(-1px)}.card-footer{align-items:center;border-top:2px solid #65dff61a;display:flex;justify-content:space-between;margin-top:8px;padding-top:16px;position:relative}.card-footer:before{background:linear-gradient(90deg,#26bbd9,#0000);background:linear-gradient(90deg,var(--tiffany-blue),#0000);content:"";height:2px;left:0;position:absolute;top:-2px;transition:width .4s ease;width:30%}.enhanced-fish-card:hover .card-footer:before{width:100%}.temperament{background:#6c757d1a;border:1px solid #6c757d33;border-radius:12px;color:#6c757d;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;letter-spacing:.3px;padding:4px 8px;text-transform:capitalize}.stock-status{font-weight:700;letter-spacing:.5px;text-shadow:1px 1px 2px #0003;text-transform:uppercase}.stock-in{background:#26bbd9;background:var(--tiffany-blue);color:#fff}.stock-low{background:var(--accent-gold);color:#fff}.stock-out{background:#f06542;background:var(--accent-coral);color:#fff}.admin-action-button{border:none;border-radius:.75rem;border-radius:var(--radius);box-shadow:0 4px 20px -4px #1a3b4d1a;box-shadow:var(--shadow-soft);color:#fff;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-shadow:1px 1px 2px #0003;text-transform:uppercase;transition:all .3s ease}.admin-action-button:hover{box-shadow:0 8px 30px -8px #1a3b4d26;box-shadow:var(--shadow-card);transform:translateY(-1px)}.admin-action-available{background:#26bbd9;background:var(--tiffany-blue)}.admin-action-disabled{background:#127da1;background:var(--blue-grotto)}.admin-action-edit{background:var(--gradient-secondary)}.admin-action-delete{background:#f06542;background:var(--accent-coral)}.font-display{font-family:Playfair Display,serif}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bubble{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(1)}}.animate-fade-in{animation:fade-in .8s ease-out forwards;opacity:0}.animate-bubble{animation:bubble linear infinite}.bg-card-gradient{background:linear-gradient(145deg,#fff,#f5f8fa);background:var(--gradient-card)}.bg-hero-gradient{background:linear-gradient(180deg,#053557,#127da1 40%,#26bbd9);background:var(--gradient-hero)}.bg-ocean-gradient{background:linear-gradient(135deg,#053557,#127da1 50%,#26bbd9);background:var(--gradient-ocean)}.shadow-soft{box-shadow:0 4px 20px -4px #1a3b4d1a;box-shadow:var(--shadow-soft)}.shadow-card{box-shadow:0 8px 30px -8px #1a3b4d26;box-shadow:var(--shadow-card)}.shadow-elevated{box-shadow:0 20px 50px -15px #1a3b4d33;box-shadow:var(--shadow-elevated)}.shadow-glow{box-shadow:0 0 40px #26bbd94d;box-shadow:var(--shadow-glow)}.reef-card{background:linear-gradient(145deg,#fff,#f5f8fa);background:var(--gradient-card);border:1px solid #d9e3e8;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius);box-shadow:0 8px 30px -8px #1a3b4d26;box-shadow:var(--shadow-card);transition:all .3s ease}.reef-card:hover{box-shadow:0 20px 50px -15px #1a3b4d33;box-shadow:var(--shadow-elevated);transform:translateY(-4px)}.btn-hero{align-items:center;background:#0a5276!important;background:var(--primary)!important;border:2px solid #0a5276!important;border:2px solid var(--primary)!important;border-radius:.75rem;border-radius:var(--radius);box-shadow:0 4px 20px -4px #1a3b4d1a;box-shadow:var(--shadow-soft);color:#fff!important;color:var(--primary-foreground)!important;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;min-height:48px;padding:12px 32px;text-decoration:none!important;transition:all .3s ease}.btn-hero:hover{background:#127da1!important;background:var(--ocean-mid)!important;border-color:#127da1!important;border-color:var(--ocean-mid)!important;box-shadow:0 20px 50px -15px #1a3b4d33;box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.btn-ghost{align-items:center;background:#0000!important;border:2px solid #d9e3e8!important;border:2px solid var(--border)!important;border-radius:.75rem;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;justify-content:center;min-height:48px;padding:12px 32px;text-decoration:none!important;transition:all .3s ease}.btn-ghost,.btn-ghost:hover{color:#0d1a26!important;color:var(--foreground)!important}.btn-ghost:hover{background:#edf1f3!important;background:var(--muted)!important;border-color:#0a5276!important;border-color:var(--primary)!important}.btn,button{border:2px solid #0000!important;border-radius:.75rem!important;border-radius:var(--radius)!important;text-decoration:none!important}.admin-button,.btn,button{align-items:center!important;cursor:pointer!important;display:inline-flex!important;font-weight:600!important;justify-content:center!important;min-height:44px!important;padding:12px 24px!important;transition:all .3s ease!important}.admin-button{background:#053557!important;background:var(--ocean-deep)!important;border:2px solid #053557!important;border:2px solid var(--ocean-deep)!important;border-radius:.75rem!important;border-radius:var(--radius)!important;color:#fff!important;font-size:14px!important}.admin-button:hover{background:#26bbd9!important;background:var(--ocean-light)!important;border-color:#26bbd9!important;border-color:var(--ocean-light)!important;box-shadow:0 4px 12px #00000026!important;transform:translateY(-1px)!important}.text-ocean-deep{color:#053557;color:var(--ocean-deep)}.text-ocean-mid{color:#127da1;color:var(--ocean-mid)}.text-ocean-light{color:#26bbd9;color:var(--ocean-light)}.text-ocean-surface{color:#99dfe6;color:var(--ocean-surface)}.bg-ocean-deep{background:#053557;background:var(--ocean-deep)}.bg-ocean-mid{background:#127da1;background:var(--ocean-mid)}.bg-ocean-light{background:#26bbd9;background:var(--ocean-light)}.bg-ocean-surface{background:#99dfe6;background:var(--ocean-surface)}.bg-coral{background:#f06542;background:var(--coral)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.container{margin:0 auto;max-width:1200px;padding:0 16px}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.fish-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:480px){.fish-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.fish-grid{gap:1.25rem;grid-template-columns:repeat(3,1fr)}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:text-5xl{font-size:3rem;line-height:1}.md\\:text-7xl{font-size:4.5rem;line-height:1}.md\\:flex{display:flex}}@media (min-width:1024px){.fish-grid{gap:1.5rem;grid-template-columns:repeat(4,1fr)}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:text-8xl{font-size:6rem;line-height:1}}@media (min-width:1280px){.fish-grid{gap:1.5rem;grid-template-columns:repeat(4,1fr)}}@media (min-width:1536px){.fish-grid{gap:2rem;grid-template-columns:repeat(4,1fr)}}.py-20{padding-bottom:5rem;padding-top:5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.p-6{padding:1.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-12{margin-top:3rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-relaxed{line-height:1.625}.hidden{display:none}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.space-y-8>*+*{margin-top:2rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-border{border-color:#d9e3e8;border-color:var(--border)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.inset-0{bottom:0;left:0;right:0;top:0}.z-50{z-index:50}.z-10{z-index:10}.w-4{width:1rem}.w-5{width:1.25rem}.w-10{width:2.5rem}.w-full{width:100%}.h-4{height:1rem}.h-5{height:1.25rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-32{height:8rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.bg-background{background-color:#f8fafb;background-color:var(--background)}.bg-card{background-color:#fff;background-color:var(--card)}.bg-primary{background-color:#0a5276;background-color:var(--primary)}.bg-muted{background-color:#edf1f3;background-color:var(--muted)}.text-foreground{color:#0d1a26;color:var(--foreground)}.text-muted-foreground{color:#627884;color:var(--muted-foreground)}.text-primary{color:#0a5276;color:var(--primary)}.text-primary-foreground{color:#fff;color:var(--primary-foreground)}.text-coral{color:#f06542;color:var(--coral)}.bg-primary\/10{background-color:#0a52761a}.bg-coral\/10{background-color:#f065421a}.bg-muted\/30{background-color:#edf1f34d}.bg-card\/80{background-color:#fffc}.bg-primary-foreground\/10{background-color:#ffffff1a}.border-primary-foreground\/20{border-color:#fff3}.fill-background{fill:#f8fafb;fill:var(--background)}.overflow-hidden{overflow:hidden}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.nav-links{flex-direction:column;gap:10px}.hero{padding:60px 0}.fish-detail-grid,.grid{grid-template-columns:1fr}.fish-detail-grid{gap:20px}.action-buttons,.specifications-grid{grid-template-columns:1fr}}.scroll-buttons{bottom:20px;display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;z-index:99}.scroll-button{align-items:center;background-color:#0a5276;background-color:var(--primary);border:none;border-radius:50%;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;transition:background-color .3s ease,transform .3s ease;width:50px}.scroll-button:hover{background-color:#127da1;background-color:var(--ocean-mid);transform:scale(1.05)}.scroll-button.up{margin-bottom:5px}.modern-footer{background:var(--foreground);color:var(--primary-foreground);padding:3rem 0}.modern-footer .container{display:flex;flex-direction:column;gap:2rem;margin-bottom:0}.modern-footer .grid-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr 1fr 1fr;width:100%}.modern-footer .brand-section{grid-column:span 1}.modern-footer .brand-section a{align-items:center;color:inherit;display:flex;gap:.5rem;margin-bottom:1rem;text-decoration:none}.modern-footer .brand-section img{height:60px;vertical-align:middle;width:auto}.modern-footer .brand-section p{color:#ffffffb3;line-height:1.6;margin:0;max-width:20rem}.modern-footer h4{color:#fff;font-weight:600;margin-bottom:1rem}.modern-footer ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.modern-footer ul a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.modern-footer ul a:hover{color:#fff}.modern-footer .contact-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.modern-footer .contact-info a{textDecoration:none;color:#ffffffb3;transition:color .3s ease}.modern-footer .contact-info a:hover{color:#fff}.modern-footer .social-links{align-items:center;display:flex;gap:1rem}.modern-footer .social-link{align-items:center;background:#ffffff1a;border-radius:50%;color:#ffffffb3;display:flex;height:2.5rem;justify-content:center;text-decoration:none;transition:all .3s ease;width:2.5rem}.modern-footer .social-link svg{fill:currentColor;height:1.25rem;width:1.25rem}.modern-footer .social-link:hover{background:#fff3;color:#fff}.modern-footer .bottom-section{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;padding-top:2rem;width:100%}.modern-footer .bottom-section p{color:#fff9;font-size:.875rem;margin:0;text-align:center}.modern-footer .bottom-section .heart-text{align-items:center;display:flex;gap:.25rem;text-align:center}.modern-footer .bottom-section .heart-text .heart-icon{color:var(--coral)}@media (max-width:768px){.modern-footer .grid-section{grid-template-columns:1fr}.modern-footer .brand-section{grid-column:span 1}}o.App{background:var(--gradient-primary);min-height:100vh}.section{padding:60px 0}.section-title{color:#fff;font-size:2.5rem;margin-bottom:3rem;text-align:center;text-shadow:2px 2px 4px #0000004d}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:40px 0}.feature-card{background:#fffffff2;border-radius:15px;box-shadow:0 8px 25px #0000001a;padding:30px;text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-10px)}.feature-icon{display:block;font-size:3rem;margin-bottom:20px}.stats-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;margin:60px 0;padding:60px 0}.stats-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.stat-item{color:#fff}.stat-number{color:#fdcb6e;display:block;font-size:3rem;font-weight:700;text-shadow:2px 2px 4px #0000004d}.stat-label{font-size:1.2rem;margin-top:10px}.testimonials{background:#fffffff2;border-radius:15px;margin:40px 0;padding:40px}.testimonial{margin:30px 0;text-align:center}.testimonial-text{font-size:1.1rem;font-style:italic;margin-bottom:15px}.testimonial-author{color:#00cec9;font-weight:700}
/*# sourceMappingURL=main.f160f038.css.map*/