:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;margin:0;padding:0;overflow-x:hidden}#app{width:100%;margin:0;padding:0;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}.auth-modal[data-v-b9a4fd70]{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modalFadeIn-b9a4fd70 .3s ease-out}@keyframes modalFadeIn-b9a4fd70{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.auth-content[data-v-b9a4fd70]{background:#fff;border-radius:20px;max-width:450px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 25px 50px #0000004d;animation:modalSlideIn-b9a4fd70 .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalSlideIn-b9a4fd70{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header[data-v-b9a4fd70]{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:2px solid #f8f9fa;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px 20px 0 0}.auth-header h2[data-v-b9a4fd70]{margin:0;font-size:1.8rem;font-weight:700}.close-btn[data-v-b9a4fd70]{background:#fff3;border:none;font-size:1.5rem;cursor:pointer;color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-btn[data-v-b9a4fd70]:hover{background:#ffffff4d;transform:scale(1.1)}.auth-body[data-v-b9a4fd70]{padding:2rem}.social-login[data-v-b9a4fd70]{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.social-btn[data-v-b9a4fd70]{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border:2px solid #e1e5e9;border-radius:12px;background:#fff;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);font-size:1rem;font-weight:600;position:relative;overflow:hidden}.social-btn[data-v-b9a4fd70]:hover{transform:translateY(-3px);box-shadow:0 10px 25px #00000026}.social-btn[data-v-b9a4fd70]:active{transform:translateY(-1px)}.btn-shine[data-v-b9a4fd70]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.social-btn:hover .btn-shine[data-v-b9a4fd70]{left:100%}.social-btn.google[data-v-b9a4fd70]{border-color:#db4437;color:#db4437}.social-btn.google[data-v-b9a4fd70]:hover{background:#db4437;color:#fff;border-color:#db4437}.social-btn.microsoft[data-v-b9a4fd70]{border-color:#0078d4;color:#0078d4}.social-btn.microsoft[data-v-b9a4fd70]:hover{background:#0078d4;color:#fff;border-color:#0078d4}.social-btn.apple[data-v-b9a4fd70]{border-color:#000;color:#000}.social-btn.apple[data-v-b9a4fd70]:hover{background:#000;color:#fff;border-color:#000}.social-btn.linkedin[data-v-b9a4fd70]{border-color:#0077b5;color:#0077b5}.social-btn.linkedin[data-v-b9a4fd70]:hover{background:#0077b5;color:#fff;border-color:#0077b5}.social-icon[data-v-b9a4fd70]{font-size:1.3rem;transition:transform .3s ease}.social-btn:hover .social-icon[data-v-b9a4fd70]{transform:scale(1.2)}.social-text[data-v-b9a4fd70]{flex:1}.divider[data-v-b9a4fd70]{text-align:center;margin:2rem 0;position:relative}.divider[data-v-b9a4fd70]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e1e5e9,transparent)}.divider span[data-v-b9a4fd70]{background:#fff;padding:0 1.5rem;color:#666;font-weight:500;font-size:.9rem}.guest-mode[data-v-b9a4fd70]{text-align:center;margin-bottom:2rem}.guest-btn[data-v-b9a4fd70]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 25px #667eea4d}.guest-btn[data-v-b9a4fd70]:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px #667eea66}.guest-btn[data-v-b9a4fd70]:active{transform:translateY(-1px) scale(1.01)}.guest-icon[data-v-b9a4fd70]{font-size:1.2rem;transition:transform .3s ease}.guest-btn:hover .guest-icon[data-v-b9a4fd70]{transform:scale(1.2)}.guest-text[data-v-b9a4fd70]{font-size:1rem}.guest-note[data-v-b9a4fd70]{font-size:.9rem;color:#666;margin:0;line-height:1.5;display:flex;align-items:flex-start;gap:.5rem;text-align:left}.note-icon[data-v-b9a4fd70]{font-size:1rem;margin-top:.1rem}.captcha-container[data-v-b9a4fd70]{margin:2rem 0;display:flex;justify-content:center}.turnstile-widget[data-v-b9a4fd70]{min-height:65px;display:flex;align-items:center;justify-content:center;border-radius:12px;transition:all .3s ease}.turnstile-widget[data-v-b9a4fd70]:empty:before{content:"🛡️ Cloudflare Turnstile";display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:12px;color:#666;font-weight:500;font-size:.95rem;min-height:65px;width:100%}.auth-footer[data-v-b9a4fd70]{text-align:center;padding-top:1.5rem;border-top:2px solid #f8f9fa}.auth-footer p[data-v-b9a4fd70]{margin:0;color:#666;font-size:.95rem}.toggle-btn[data-v-b9a4fd70]{background:none;border:none;color:#667eea;cursor:pointer;text-decoration:underline;font-weight:600;font-size:.95rem;transition:all .3s ease}.toggle-btn[data-v-b9a4fd70]:hover{color:#5a6fd8;transform:scale(1.05)}@media (max-width: 480px){.auth-content[data-v-b9a4fd70]{width:95%;margin:1rem}.auth-header[data-v-b9a4fd70],.auth-body[data-v-b9a4fd70]{padding:1.5rem}.social-btn[data-v-b9a4fd70]{font-size:.9rem;padding:.8rem 1rem}.guest-btn[data-v-b9a4fd70]{padding:.8rem 1.5rem;font-size:1rem}.auth-header h2[data-v-b9a4fd70]{font-size:1.5rem}}.social-btn[data-v-b9a4fd70]:disabled,.guest-btn[data-v-b9a4fd70]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.social-btn[data-v-b9a4fd70]:disabled:hover,.guest-btn[data-v-b9a4fd70]:disabled:hover{transform:none!important;box-shadow:none!important}.btn-disabled[data-v-b9a4fd70]{opacity:.5;cursor:not-allowed;background:#f5f5f5!important;color:#999!important;border-color:#ddd!important}.btn-disabled[data-v-b9a4fd70]:hover{transform:none!important;box-shadow:none!important;background:#f5f5f5!important;color:#999!important;border-color:#ddd!important}.btn-disabled .btn-shine[data-v-b9a4fd70]{display:none}.social-btn[data-v-b9a4fd70]:focus,.guest-btn[data-v-b9a4fd70]:focus,.toggle-btn[data-v-b9a4fd70]:focus,.close-btn[data-v-b9a4fd70]:focus{outline:2px solid #667eea;outline-offset:2px}@keyframes buttonPress-b9a4fd70{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.social-btn[data-v-b9a4fd70]:active,.guest-btn[data-v-b9a4fd70]:active{animation:buttonPress-b9a4fd70 .2s ease}.app-footer[data-v-9d325d01]{background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;padding:1rem 0;margin-top:auto;border-top:1px solid rgba(255,255,255,.1)}.footer-content[data-v-9d325d01]{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-left[data-v-9d325d01]{display:flex;align-items:center;gap:.5rem}.footer-brand[data-v-9d325d01]{font-weight:600;font-size:1.1rem;color:#fbbf24}.footer-year[data-v-9d325d01]{font-size:.9rem;opacity:.8}.footer-right[data-v-9d325d01]{display:flex;align-items:center}.footer-links[data-v-9d325d01]{display:flex;gap:1.5rem}.footer-link[data-v-9d325d01]{color:#fff;text-decoration:none;font-size:.9rem;opacity:.8;transition:opacity .2s ease}.footer-link[data-v-9d325d01]:hover{opacity:1;color:#fbbf24}@media (max-width: 768px){.footer-content[data-v-9d325d01]{flex-direction:column;text-align:center;gap:.5rem}.footer-links[data-v-9d325d01]{gap:1rem}.footer-brand[data-v-9d325d01]{font-size:1rem}.footer-year[data-v-9d325d01],.footer-link[data-v-9d325d01]{font-size:.8rem}}@media (max-width: 480px){.app-footer[data-v-9d325d01]{padding:.75rem 0}.footer-content[data-v-9d325d01]{padding:0 .75rem}.footer-links[data-v-9d325d01]{gap:.75rem}}#app[data-v-3c26237d]{min-height:100vh;display:flex;flex-direction:column;width:100%;margin:0;padding:0}.header[data-v-3c26237d]{//background: linear-gradient(135deg,#5fb8d0 0%,#4a9bb8 50%,#3d7a8a 100%);background:linear-gradient(135deg,#006994,#00a8cc,#0077be,#004d7a,#024);color:#fff;padding:1.5rem 0;box-shadow:0 4px 20px #00000026;position:absolute;top:0;left:0;right:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100vw;margin-left:calc(-50vw + 50%)}.container[data-v-3c26237d]{max-width:1800px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.logo[data-v-3c26237d]{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.logo-content[data-v-3c26237d]{display:flex;align-items:center;gap:.75rem}.logo-image[data-v-3c26237d]{height:70px;width:auto;border-radius:4px}.logo h1[data-v-3c26237d]{margin:0;font-size:1.5rem;font-weight:700;color:#fff;line-height:1}.tagline[data-v-3c26237d]{margin:0;font-size:.8rem;color:#fffc;font-weight:300;font-style:italic;margin-left:.75rem}.logo a[data-v-3c26237d]{color:#fff;text-decoration:none}.nav[data-v-3c26237d]{display:flex;gap:1.5rem}.nav-link[data-v-3c26237d]{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s}.nav-link[data-v-3c26237d]:hover{background-color:#ffffff1a}.admin-link[data-v-3c26237d]{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:8px;padding:.5rem 1rem;font-weight:600}.admin-link[data-v-3c26237d]:hover{background:linear-gradient(135deg,#c0392b,#a93226)}.nav-link.router-link-active[data-v-3c26237d]{background-color:#fff3}.auth-section[data-v-3c26237d]{display:flex;align-items:center;gap:1rem}.login-btn[data-v-3c26237d]{background:#ffffff1a;color:#fff;border:2px solid white;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:all .3s;font-weight:700}.login-btn[data-v-3c26237d]:hover{background:#fff;color:#667eea}.user-info[data-v-3c26237d]{display:flex;align-items:center;gap:1rem}.user-avatar[data-v-3c26237d]{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.user-avatar img[data-v-3c26237d]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-3c26237d]{width:100%;height:100%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.user-details[data-v-3c26237d]{display:flex;flex-direction:column;gap:.25rem}.user-name[data-v-3c26237d]{color:#fff;font-weight:700;font-size:.9rem}.user-email[data-v-3c26237d]{color:#fffc;font-size:.8rem}.user-actions[data-v-3c26237d]{display:flex;gap:.5rem}.profile-btn[data-v-3c26237d]{background:#ffffff1a;color:#fff;border:1px solid white;padding:.4rem .8rem;border-radius:5px;cursor:pointer;transition:all .3s;font-size:.9rem;text-decoration:none;display:inline-block}.profile-btn[data-v-3c26237d]:hover{background:#fff;color:#667eea}.logout-btn[data-v-3c26237d]{background:#ffffff1a;color:#fff;border:1px solid white;padding:.4rem .8rem;border-radius:5px;cursor:pointer;transition:all .3s;font-size:.9rem}.logout-btn[data-v-3c26237d]:hover{background:#fff;color:#667eea}.main[data-v-3c26237d]{flex:1;padding:120px 0 0;min-height:calc(100vh - 200px)}@media (max-width: 1600px){.container[data-v-3c26237d]{max-width:100%;padding:0 1.5rem}}@media (max-width: 1200px){.container[data-v-3c26237d]{padding:0 1rem}}@media (max-width: 768px){.container[data-v-3c26237d]{flex-direction:column;gap:1rem;padding:0 1rem}.header[data-v-3c26237d]{padding:1rem 0}.logo-image[data-v-3c26237d]{height:40px}.logo h1[data-v-3c26237d]{font-size:1.2rem}.tagline[data-v-3c26237d]{font-size:.7rem;margin-left:.5rem}.main[data-v-3c26237d]{padding:100px 0 2rem}.nav[data-v-3c26237d]{flex-wrap:wrap;justify-content:center}.nav-link[data-v-3c26237d]{font-size:.9rem;padding:.4rem .8rem}.auth-section[data-v-3c26237d]{order:-1}.user-info[data-v-3c26237d]{flex-direction:column;gap:.5rem}}.home{min-height:100vh;overflow-x:hidden}.hero{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:0;display:flex;align-items:center;min-height:100vh;width:100%;overflow:hidden}.hero-background{position:absolute;inset:0;z-index:1}.wave{position:absolute;bottom:0;left:0;width:200%;height:100px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath 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' fill='%23ffffff' fill-opacity='0.1'/%3E%3C/svg%3E") repeat-x;animation:wave 10s linear infinite}.wave1{animation-delay:0s;opacity:.1}.wave2{animation-delay:-5s;opacity:.05;height:80px}.wave3{animation-delay:-2s;opacity:.03;height:60px}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-content{position:relative;z-index:2;max-width:1800px;margin:0 auto;padding:3rem 2rem;display:grid;grid-template-columns:35% 65%;gap:4rem;align-items:center;width:100%}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;animation:slideInUp 1s ease-out}.title-line{display:block;animation:slideInUp 1s ease-out}.title-line:nth-child(2){animation-delay:.2s;background:linear-gradient(45deg,#ff6b6b,#feca57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.3rem;margin-bottom:2.5rem;opacity:.9;line-height:1.6;animation:slideInUp 1s ease-out .4s both}.hero-buttons{display:flex;gap:1.5rem;animation:slideInUp 1s ease-out .6s both}.btn{padding:1.2rem 2.5rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;box-shadow:0 8px 25px #ff6b6b4d}.btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 35px #ff6b6b66}.btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-3px)}.btn-icon{font-size:1.2rem;transition:transform .3s}.btn:hover .btn-icon{transform:scale(1.2)}.hero-image{display:flex;justify-content:center;align-items:center;animation:slideInRight 1s ease-out .8s both}.image-container{position:relative;width:100%;height:650px;overflow:hidden;border-radius:20px;box-shadow:0 20px 40px #0000004d}.floating-elements{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none}.fish{position:absolute;font-size:3rem;opacity:.2}.fish1{animation:swimRightToLeft1 18s linear infinite}.fish2{animation:swimRightToLeft2 25s linear infinite}.fish3{animation:swimRightToLeft3 22s linear infinite}.fish4{animation:swimRightToLeft4 35s linear infinite}.fish5{animation:swimRightToLeft5 28s linear infinite}.fish6{animation:swimRightToLeft6 22s linear infinite}.fish7{animation:swimRightToLeft7 25s linear infinite}.fish8{animation:swimRightToLeft8 30s linear infinite}.fish9{animation:swimRightToLeft9 20s linear infinite}.fish10{animation:swimRightToLeft10 24s linear infinite}.fish11{animation:swimRightToLeft11 26s linear infinite}.fish12{animation:swimRightToLeft12 32s linear infinite}.fish13{animation:swimRightToLeft13 38s linear infinite}.fish14{animation:swimRightToLeft14 27s linear infinite}.fish15{animation:swimRightToLeft15 23s linear infinite}.fish16{animation:swimRightToLeft16 29s linear infinite}.fish17{animation:swimRightToLeft17 21s linear infinite}.fish18{animation:swimRightToLeft18 33s linear infinite}.fish19{animation:swimRightToLeft19 25s linear infinite}.fish20{animation:swimRightToLeft20 31s linear infinite}.fish21{animation:swimRightToLeft21 19s linear infinite}.fish22{animation:swimRightToLeft22 26s linear infinite}.fish23{animation:swimRightToLeft23 34s linear infinite}.fish24{animation:swimRightToLeft24 36s linear infinite}.fish25{animation:swimRightToLeft25 40s linear infinite}@keyframes swimRightToLeft1{0%{transform:translate(0) translateY(0) scaleX(1) skew(0);opacity:0}10%{opacity:1}25%{transform:translate(-200px) translateY(-8px) scaleX(.95) skew(-2deg)}50%{transform:translate(-400px) translateY(-15px) scaleX(1.05) skew(2deg)}75%{transform:translate(-600px) translateY(-22px) scaleX(.95) skew(-2deg)}90%{opacity:1}to{transform:translate(-1000px) translateY(-30px) scaleX(1) skew(0);opacity:0}}@keyframes swimRightToLeft2{0%{transform:translate(0) translateY(0) scaleX(1) skew(0);opacity:0}10%{opacity:1}25%{transform:translate(-200px) translateY(-10px) scaleX(.9) skew(-3deg)}50%{transform:translate(-400px) translateY(-20px) scaleX(1.1) skew(3deg)}75%{transform:translate(-600px) translateY(-30px) scaleX(.9) skew(-3deg)}90%{opacity:1}to{transform:translate(-1000px) translateY(-40px) scaleX(1) skew(0);opacity:0}}@keyframes swimRightToLeft3{0%{transform:translate(0) translateY(0) scaleX(1) skew(0);opacity:0}10%{opacity:1}25%{transform:translate(-200px) translateY(-5px) scaleX(.98) skew(-1deg)}50%{transform:translate(-400px) translateY(-10px) scaleX(1.02) skew(1deg)}75%{transform:translate(-600px) translateY(-15px) scaleX(.98) skew(-1deg)}90%{opacity:1}to{transform:translate(-1000px) translateY(-20px) scaleX(1) skew(0);opacity:0}}@keyframes swimRightToLeft4{0%{transform:translate(0) translateY(0) scaleX(1) skew(0);opacity:0}10%{opacity:1}25%{transform:translate(-100px) translateY(-3px) scaleX(.92) skew(-1deg)}50%{transform:translate(-200px) translateY(-5px) scaleX(1.08) skew(1deg)}75%{transform:translate(-300px) translateY(-7px) scaleX(.92) skew(-1deg)}90%{opacity:1}to{transform:translate(-800px) translateY(-10px) scaleX(1) skew(0);opacity:0}}@keyframes swimRightToLeft5{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-150px) translateY(-5px)}50%{transform:translate(-400px) translateY(3px)}75%{transform:translate(-650px) translateY(-2px)}to{transform:translate(-900px) translateY(0);opacity:0}}@keyframes swimRightToLeft6{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-120px) translateY(4px)}50%{transform:translate(-350px) translateY(-3px)}75%{transform:translate(-580px) translateY(2px)}to{transform:translate(-800px) translateY(0);opacity:0}}@keyframes swimRightToLeft7{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-140px) translateY(-4px)}50%{transform:translate(-420px) translateY(2px)}75%{transform:translate(-700px) translateY(-1px)}to{transform:translate(-950px) translateY(0);opacity:0}}@keyframes swimRightToLeft8{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-130px) translateY(3px)}50%{transform:translate(-380px) translateY(-2px)}75%{transform:translate(-630px) translateY(1px)}to{transform:translate(-850px) translateY(0);opacity:0}}@keyframes swimRightToLeft9{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-100px) translateY(-3px)}50%{transform:translate(-320px) translateY(2px)}75%{transform:translate(-540px) translateY(-1px)}to{transform:translate(-750px) translateY(0);opacity:0}}@keyframes swimRightToLeft10{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-140px) translateY(2px)}50%{transform:translate(-400px) translateY(-1px)}75%{transform:translate(-660px) translateY(1px)}to{transform:translate(-900px) translateY(0);opacity:0}}@keyframes swimRightToLeft11{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-110px) translateY(-2px)}50%{transform:translate(-340px) translateY(1px)}75%{transform:translate(-570px) translateY(-1px)}to{transform:translate(-780px) translateY(0);opacity:0}}@keyframes swimRightToLeft12{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-160px) translateY(3px)}50%{transform:translate(-450px) translateY(-2px)}75%{transform:translate(-740px) translateY(1px)}to{transform:translate(-1000px) translateY(0);opacity:0}}@keyframes swimRightToLeft13{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-150px) translateY(-1px)}50%{transform:translate(-400px) translateY(1px)}75%{transform:translate(-650px) translateY(-1px)}to{transform:translate(-900px) translateY(0);opacity:0}}@keyframes swimRightToLeft14{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-130px) translateY(2px)}50%{transform:translate(-380px) translateY(-1px)}75%{transform:translate(-630px) translateY(1px)}to{transform:translate(-850px) translateY(0);opacity:0}}@keyframes swimRightToLeft15{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-135px) translateY(-2px)}50%{transform:translate(-390px) translateY(1px)}75%{transform:translate(-645px) translateY(-1px)}to{transform:translate(-880px) translateY(0);opacity:0}}@keyframes swimRightToLeft16{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-125px) translateY(1px)}50%{transform:translate(-360px) translateY(-1px)}75%{transform:translate(-595px) translateY(1px)}to{transform:translate(-820px) translateY(0);opacity:0}}@keyframes swimRightToLeft17{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-115px) translateY(-1px)}50%{transform:translate(-340px) translateY(1px)}75%{transform:translate(-565px) translateY(-1px)}to{transform:translate(-780px) translateY(0);opacity:0}}@keyframes swimRightToLeft18{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-155px) translateY(2px)}50%{transform:translate(-420px) translateY(-1px)}75%{transform:translate(-685px) translateY(1px)}to{transform:translate(-930px) translateY(0);opacity:0}}@keyframes swimRightToLeft19{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-120px) translateY(-1px)}50%{transform:translate(-350px) translateY(1px)}75%{transform:translate(-580px) translateY(-1px)}to{transform:translate(-800px) translateY(0);opacity:0}}@keyframes swimRightToLeft20{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-145px) translateY(1px)}50%{transform:translate(-410px) translateY(-1px)}75%{transform:translate(-675px) translateY(1px)}to{transform:translate(-920px) translateY(0);opacity:0}}@keyframes swimRightToLeft21{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-105px) translateY(-1px)}50%{transform:translate(-320px) translateY(1px)}75%{transform:translate(-535px) translateY(-1px)}to{transform:translate(-740px) translateY(0);opacity:0}}@keyframes swimRightToLeft22{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-125px) translateY(1px)}50%{transform:translate(-360px) translateY(-1px)}75%{transform:translate(-595px) translateY(1px)}to{transform:translate(-820px) translateY(0);opacity:0}}@keyframes swimRightToLeft23{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-165px) translateY(-1px)}50%{transform:translate(-450px) translateY(1px)}75%{transform:translate(-735px) translateY(-1px)}to{transform:translate(-1000px) translateY(0);opacity:0}}@keyframes swimRightToLeft24{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-170px) translateY(1px)}50%{transform:translate(-460px) translateY(-1px)}75%{transform:translate(-750px) translateY(1px)}to{transform:translate(-1020px) translateY(0);opacity:0}}@keyframes swimRightToLeft25{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}25%{transform:translate(-175px) translateY(-1px)}50%{transform:translate(-470px) translateY(1px)}75%{transform:translate(-765px) translateY(-1px)}to{transform:translate(-1040px) translateY(0);opacity:0}}.image-placeholder{width:100%;height:100%;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 20px 40px #0003}.ocean-gradient{width:100%;height:100%;background:linear-gradient(135deg,#006994,#00a8cc,#0077be,#004d7a,#024);position:relative;overflow:hidden}.ocean-gradient:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,255,255,.08) 0%,transparent 50%);animation:waterShimmer 6s ease-in-out infinite}.ocean-gradient:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:waterFlow 8s linear infinite}.coral-reef{position:absolute;bottom:0;left:-20%;right:-20%;width:140%;height:22%;background:linear-gradient(45deg,#ff6b6b,#feca57,#48dbfb);clip-path:path("M0,100 L0,65 Q50,45 100,55 Q150,40 200,50 Q250,35 300,45 Q350,30 400,40 Q450,25 500,35 Q550,20 600,30 Q650,15 700,25 Q750,10 800,20 Q850,5 900,15 Q950,0 1000,10 Q1050,5 1100,15 Q1150,0 1200,10 Q1250,5 1300,15 Q1350,0 1400,10 L1400,100 Z");opacity:.7;animation:coralWave 8s ease-in-out infinite;z-index:3}.underwater-layers{position:absolute;bottom:0;left:0;right:0;height:100%;z-index:2}.seafloor-sand{position:absolute;bottom:0;left:0;right:0;height:15%;background:linear-gradient(45deg,#f4e4bc,#e6d3a3,#d4c4a8);opacity:.8}.seafloor-pebbles{position:absolute;bottom:0;left:0;right:0;height:8%;background:radial-gradient(circle at 20% 50%,#8b7355 2px,transparent 2px),radial-gradient(circle at 60% 30%,#6b5b47 3px,transparent 3px),radial-gradient(circle at 80% 70%,#7a6b5a 2px,transparent 2px),radial-gradient(circle at 40% 80%,#5d4e42 4px,transparent 4px);background-size:50px 50px,80px 80px,60px 60px,70px 70px;opacity:.6}.seafloor-rocks{position:absolute;bottom:0;left:0;right:0;height:12%;background:radial-gradient(ellipse at 30% 40%,#4a4a4a 15px,transparent 15px),radial-gradient(ellipse at 70% 60%,#3a3a3a 20px,transparent 20px),radial-gradient(ellipse at 50% 80%,#2a2a2a 12px,transparent 12px);opacity:.7}.sea-shells{position:absolute;bottom:5%;left:0;right:0;height:20%}.shell{position:absolute;font-size:1.5rem;animation:shellSway 4s ease-in-out infinite}.shell.conch{bottom:10%;left:15%;animation-delay:0s}.shell.cowrie{bottom:20%;left:35%;animation-delay:.5s}.shell.scallop{bottom:15%;left:55%;animation-delay:1s}.shell.clam{bottom:25%;left:75%;animation-delay:1.5s}.shell.oyster{bottom:12%;left:85%;animation-delay:2s}.shell.nautilus{bottom:18%;left:25%;animation-delay:2.5s}.shell.sand-dollar{bottom:8%;left:65%;animation-delay:3s}.coral-elements{position:absolute;bottom:5%;left:0;right:0;height:25%}.coral{position:absolute;font-size:2.5rem;animation:coralWaveSway 6s ease-in-out infinite}.coral.brain-coral{bottom:15%;left:20%;animation-delay:0s}.coral.staghorn{bottom:10%;left:40%;animation-delay:1s}.coral.fan-coral{bottom:20%;left:60%;animation-delay:2s}.coral.mushroom{bottom:8%;left:80%;animation-delay:3s}.coral.tube{bottom:12%;left:10%;animation-delay:4s}.small-plants{position:absolute;bottom:8%;left:0;right:0;height:30%}.small-plant{position:absolute;font-size:1.2rem;animation:plantWave 4s ease-in-out infinite}.small-plant.plant1{bottom:20%;left:15%;animation-delay:0s}.small-plant.plant2{bottom:25%;left:30%;animation-delay:.5s}.small-plant.plant3{bottom:18%;left:45%;animation-delay:1s}.small-plant.plant4{bottom:22%;left:60%;animation-delay:1.5s}.small-plant.plant5{bottom:16%;left:75%;animation-delay:2s}.small-plant.plant6{bottom:24%;left:90%;animation-delay:2.5s}.small-plant.plant7{bottom:19%;left:5%;animation-delay:3s}.small-plant.plant8{bottom:21%;left:50%;animation-delay:3.5s}.sea-plants{position:absolute;bottom:10%;left:0;right:0;height:40%}.plant{position:absolute;font-size:1.8rem;animation:plantSway 5s ease-in-out infinite}.plant.seaweed{bottom:5%;left:39%;animation-delay:0s}.plant.kelp{bottom:9%;left:53%;animation-delay:1s}.plant.seagrass{bottom:6%;left:70%;animation-delay:2s}.plant.algae{bottom:18%;left:95%;animation-delay:3s}.water-effects{position:absolute;inset:0}.bubble{position:absolute;font-size:1rem;animation:bubbleRise 8s linear infinite}.bubble1{left:20%;animation-delay:0s}.bubble2{left:40%;animation-delay:1.5s}.bubble3{left:60%;animation-delay:3s}.bubble4{left:80%;animation-delay:4.5s}.bubble5{left:10%;animation-delay:6s}.ripple{position:absolute;border:2px solid rgba(255,255,255,.3);border-radius:50%;animation:rippleExpand 4s ease-out infinite}.ripple1{width:20px;height:20px;left:30%;top:60%;animation-delay:0s}.ripple2{width:15px;height:15px;left:70%;top:40%;animation-delay:1.5s}.ripple3{width:25px;height:25px;left:50%;top:80%;animation-delay:3s}.sunlight-rays{position:absolute;inset:0;pointer-events:none}.ray{position:absolute;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:rayMove 10s ease-in-out infinite}.ray1{width:2px;height:100%;left:20%;animation-delay:0s}.ray2{width:1px;height:100%;left:40%;animation-delay:2s}.ray3{width:3px;height:100%;left:60%;animation-delay:4s}.ray4{width:2px;height:100%;left:80%;animation-delay:6s}@keyframes coralWave{0%,to{clip-path:path("M0,100 L0,65 Q50,45 100,55 Q150,40 200,50 Q250,35 300,45 Q350,30 400,40 Q450,25 500,35 Q550,20 600,30 Q650,15 700,25 Q750,10 800,20 Q850,5 900,15 Q950,0 1000,10 Q1050,5 1100,15 Q1150,0 1200,10 Q1250,5 1300,15 Q1350,0 1400,10 L1400,100 Z")}50%{clip-path:path("M0,100 L0,70 Q50,50 100,60 Q150,45 200,55 Q250,40 300,50 Q350,35 400,45 Q450,30 500,40 Q550,25 600,35 Q650,20 700,30 Q750,15 800,25 Q850,10 900,20 Q950,5 1000,15 Q1050,10 1100,20 Q1150,5 1200,15 Q1250,10 1300,20 Q1350,5 1400,15 L1400,100 Z")}}@keyframes waterShimmer{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}@keyframes waterFlow{0%{transform:translate(-100%) translateY(0)}to{transform:translate(100%) translateY(-20px)}}@keyframes shellSway{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes coralGrow{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(1deg)}}@keyframes coralWaveSway{0%,to{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(-8px) rotate(-2deg) scale(1.05)}50%{transform:translate(0) rotate(0) scale(1.1)}75%{transform:translate(8px) rotate(2deg) scale(1.05)}}@keyframes plantWave{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-3deg)}50%{transform:translate(0) rotate(0)}75%{transform:translate(5px) rotate(3deg)}}@keyframes plantSway{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(3px) rotate(1deg)}}@keyframes bubbleRise{0%{bottom:0%;opacity:.8;transform:scale(.5)}50%{opacity:1;transform:scale(1)}to{bottom:100%;opacity:0;transform:scale(.3)}}@keyframes rippleExpand{0%{width:0;height:0;opacity:1}to{width:100px;height:100px;opacity:0}}@keyframes rayMove{0%,to{opacity:.1;transform:translateY(0)}50%{opacity:.3;transform:translateY(-10px)}}.container{max-width:1800px;margin:0 auto;padding:0 2rem}.features{padding:6rem 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.8rem;font-weight:700;margin-bottom:1rem;color:#333;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:2px}.section-subtitle{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.feature-card{background:#fff;padding:3rem 2rem;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;opacity:0;transform:translateY(50px)}.feature-card.animate-in{opacity:1;transform:translateY(0);transition-delay:var(--delay)}.feature-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #00000026}.feature-hover-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .6s}.feature-card:hover .feature-hover-effect{left:100%}.feature-icon{font-size:4rem;margin-bottom:1.5rem;display:inline-block;animation:bounce 2s infinite}.feature-card h3{font-size:1.6rem;margin-bottom:1rem;color:#333;font-weight:600}.feature-card p{color:#666;line-height:1.7;font-size:1.1rem}.stats{padding:4rem 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;text-align:center}.stat-item{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.stat-item.animate-in{opacity:1;transform:translateY(0);transition-delay:var(--delay)}.stat-number{font-size:4rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(45deg,#ff6b6b,#feca57);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:1.2rem;opacity:.9;margin-bottom:1rem;font-weight:500}.stat-icon{font-size:2.5rem;opacity:.7}.testimonials{padding:6rem 0;background:#fff}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.testimonial-card{background:#f8f9fa;padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px #0000001a;transition:all .4s ease;opacity:0;transform:translateY(50px)}.testimonial-card.animate-in{opacity:1;transform:translateY(0)}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.testimonial-content{margin-bottom:2rem;position:relative}.quote-icon{font-size:4rem;color:#667eea;opacity:.3;position:absolute;top:-10px;left:-10px}.testimonial-content p{font-size:1.1rem;line-height:1.7;color:#555;font-style:italic;margin-left:2rem}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{font-size:3rem;width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center}.author-name{font-weight:600;color:#333;margin-bottom:.25rem}.author-location{color:#666;font-size:.9rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width: 1600px){.hero-content{max-width:100%;padding:0 1.5rem}.container{padding:0 1.5rem}}@media (max-width: 1400px){.hero-content{max-width:100%;padding:0 1.5rem}}@media (max-width: 1024px){.hero-content{gap:3rem;grid-template-columns:40% 60%}.hero-title{font-size:3rem}.image-container{height:500px}.fish{font-size:2.5rem}}@media (max-width: 768px){.hero{padding:0;min-height:100vh}.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{justify-content:center;flex-wrap:wrap}.image-container{width:100%;height:450px}.fish{font-size:2.2rem}.features-grid,.testimonials-grid{grid-template-columns:1fr}.section-title{font-size:2.2rem}}@media (max-width: 480px){.hero-title{font-size:2rem}.btn{padding:1rem 1.5rem;font-size:.9rem}.image-container{width:300px;height:200px}.feature-card{padding:2rem 1.5rem}.stat-number{font-size:3rem}}