:root{--promo-banner-height: 2.3rem;--bg-dark: #040c1b;--bg-mid: #061735;--bg-light: #0c2657;--card-dark: rgba(15, 36, 63, .9);--card-light: rgba(36, 84, 155, .5);--card-dark1: rgba(8, 19, 34, .9);--card-light1: rgba(31, 71, 131, .8);--card-light-opacity: rgba(15, 27, 56, .61);--card-tag: rgba(255, 255, 255, .1);--card-subtle: rgba(255, 255, 255, .05);--card-faq: rgba(32, 103, 170, .212);--card-indicator: linear-gradient( 180deg, rgba(20, 42, 70, .85), rgb(19, 54, 99) );--card-nav-light: rgba(17, 100, 155, .288);--card-nav-dark: rgba(17, 100, 155, .582);--card-border: rgba(40, 99, 155, .795);--card-border1: rgba(40, 99, 155, .5);--card-border2: rgba(38, 127, 209, .747)}html,body{font-family:Montserrat,system-ui,-apple-system,sans-serif;background:var(--bg-dark);scroll-behavior:smooth}h1,h2,h3{letter-spacing:-.02em}p{line-height:1.6}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}.header{position:fixed;top:calc(var(--promo-banner-height) + .3rem);left:50%;transform:translate(-50%);width:min(100% - 2rem,90rem);padding:.8rem 1.4rem;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--card-border);border-radius:1rem;background:#12324d63;backdrop-filter:blur(5px);z-index:20;color:#fff}.logo{width:2rem;height:auto;border-radius:1rem;opacity:.9}.logo:hover{box-shadow:0 0 15px #3f92ffb3;transition:.5s}.nav{display:flex;gap:1.6rem;align-items:center}.nav :hover{color:#7dabff;transition:.2s}.nav a,.dropdown{text-decoration:none;color:#fff;font-weight:500;font-size:1.1rem;opacity:.9;cursor:pointer}.right{display:flex;align-items:center;gap:1rem}.cta{padding:.5rem 1.2rem;border-radius:999px;background:#18c256;color:#fff;font-weight:600;text-decoration:none;font-size:1rem;transition:.5s ease}.cta:hover{background:#257cff}.burger{display:none;background:none;border:none;font-size:1.6rem;color:#e6faff;cursor:pointer}.burger:hover{color:#6fa9ff}.mobile-menu{position:fixed;top:7rem;left:50%;transform:translate(-50%) scaleY(0);transform-origin:top;width:min(100% - 2rem,30rem);background:#050f28f5;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem;transition:transform .25s ease;z-index:19}.mobile-menu a{color:#e6faff;text-decoration:none;font-weight:600}.mobile-menu a:hover{color:#3f92ff}.mobile-menu a.active{color:#00d4ff}.mobile-menu.open{transform:translate(-50%) scaleY(1)}.dropdown{position:relative}.dropdown-trigger{background:none;border:none;color:#fff;font-size:1.1rem;font-weight:500;display:flex;align-items:center;gap:.3rem;cursor:pointer}.dropdown-trigger svg{transition:transform .25s ease}.dropdown-menu{position:absolute;top:2.6rem;left:50%;transform:translate(-50%) translateY(10px);background:linear-gradient(180deg,#142346f2,#0a142df2);border-radius:1rem;padding:.8rem .5rem;min-width:12rem;box-shadow:0 25px 40px #00000073;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:100}.dropdown-menu a{display:block;padding:.5rem;font-size:.9rem;color:#fff;text-decoration:none;border-radius:.6rem;opacity:.85}.dropdown-menu a:hover,.dropdown-menu a.active{background:var(--card-light);opacity:1}.dropdown.open .dropdown-menu{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.dropdown.open .dropdown-trigger svg{transform:rotate(180deg)}@media(max-width:48rem){.header{padding:.5rem 1.4rem;border:2px solid var(--card-border2)}.nav,.cta{display:none}.burger{display:block}.dropdown{display:none}}.hero{position:relative;width:100%;height:100%;background-image:-webkit-image-set(url(/hero-bg.avif) type("image/avif") 1x,url(/hero-bg.webp) type("image/webp") 1x,url(/hero-bg.png) 1x);background-image:image-set(url(/hero-bg.avif) type("image/avif") 1x,url(/hero-bg.webp) type("image/webp") 1x,url(/hero-bg.png) 1x);background-size:cover;background-position:center;overflow:hidden;display:flex;justify-content:center;align-items:center}.hero:after{content:"";position:absolute;top:15%;left:-5%;width:100%;height:70%;background:-webkit-image-set(url(/fish-bg.avif) type("image/avif") 1x,url(/fish-bg.webp) type("image/webp") 1x,url(/fish-bg.png) 1x) center / contain no-repeat;background:image-set(url(/fish-bg.avif) type("image/avif") 1x,url(/fish-bg.webp) type("image/webp") 1x,url(/fish-bg.png) 1x) center / contain no-repeat;opacity:.35;pointer-events:none;z-index:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.226),rgba(17,42,71,.24),rgba(12,30,51,.281),var(--bg-dark));z-index:0}.hero-content{position:relative;z-index:1;padding:2rem;max-width:70rem;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:5rem;align-items:center}.hero-content .hero-text h1{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:900;font-size:7.5rem;letter-spacing:-.02em;margin-bottom:1rem;background:linear-gradient(-95deg,#fff,#5ca9e9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{opacity:.8;line-height:1.6;margin-bottom:2rem;font-size:1.3rem;color:#e6faff}.hero-actions{display:flex;gap:1rem}.hero-primary{position:relative;padding:.75rem 1.6rem;border-radius:999px;background:linear-gradient(90deg,#19eb71,#33fae9);color:#fff;font-weight:600;font-size:large;text-decoration:none;cursor:pointer;z-index:1;border:2px solid transparent;background-clip:padding-box;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease,opacity .3s ease}.hero-primary:before{content:"";position:absolute;inset:2px;border-radius:inherit;background:linear-gradient(90deg,#0da89b,#079b40);z-index:-1}.hero-primary:after{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(90deg,#5ca9e9,#00d4ff);filter:blur(20px);opacity:.6;z-index:-2;transition:filter .3s ease,opacity .3s ease}.hero-primary:hover:after{filter:blur(24px);opacity:.8}.hero-primary:hover{transform:translateY(-2px)}@keyframes rotateBorderGradient{0%{background-position:0% 50%}to{background-position:360% 50%}}.hero-secondary{position:relative;padding:14px 28px;border-radius:999px;color:#fff;font-weight:600;text-decoration:none;background:#0a10194d;text-align:center;transition:transform .3s ease;z-index:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-secondary:hover{transform:translateY(-2px)}.hero-secondary:before{content:"";position:absolute;inset:-2px;border-radius:999px;background:conic-gradient(#00e5ff00,#08a2bd,#00e5ff00);z-index:-1;animation:spinBorder 3.5s linear infinite;transition:filter .3s ease}.hero-secondary:hover:before{filter:brightness(1.2)}.hero-secondary:after{content:"";position:absolute;inset:3px;background:#0e1e3f;border-radius:999px;z-index:-1}.hero-media{position:relative;height:100%;display:flex;align-items:center}.hero-media video{width:100%;border-radius:1rem;box-shadow:0 30px 30px #0009;opacity:.7;object-fit:cover}@keyframes spinBorder{to{transform:rotate(360deg)}}@media(max-width:60rem){.hero-primary,.hero-secondary{padding:1rem}.hero-content{top:calc(var(--promo-banner-height) + 2rem);grid-template-columns:1fr;gap:0rem;padding:.5rem}.hero-content .hero-text h1{font-weight:800;font-size:4rem;letter-spacing:-.02em;margin-bottom:1rem}.hero-text p{font-size:1rem;max-width:20rem}.hero-text{text-align:center}.hero-text p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}}.footer{background:linear-gradient(180deg,var(--bg-light),var(--bg-dark));color:#e6faff;padding:4rem 1.5rem 2rem}.footer-container{max-width:80rem;margin:0 auto}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-logo{width:4rem;height:4rem;display:grid;place-items:center;border-radius:1rem;font-weight:800;font-size:1.4rem;color:#042f2e;margin-bottom:1rem}.footer-logo:hover{box-shadow:0 0 15px #3f92ffb3;transition:.5s}.footer-brand p{font-size:.9rem;line-height:1.6;opacity:.8}.footer-brand a{color:#38afff;text-decoration:none}.footer-col h4{font-size:1rem;margin-bottom:1rem}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col a{font-size:.9rem;opacity:.8;margin-bottom:.6rem;cursor:pointer;color:#ddedfc;text-decoration:none}.footer-col a:hover{color:#6db8ff}.footer-disclaimer{font-size:.75rem;line-height:1.6;opacity:.6;margin-bottom:2rem}.footer-bottom{text-align:center;font-size:.8rem;opacity:.6}@media(max-width:48rem){.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{text-align:left}}.promo-banner{position:fixed;top:0;left:0;z-index:999;height:var(--promo-banner-height);min-height:var(--promo-banner-height);width:100%;padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:1.5rem;background:linear-gradient(90deg,#1d7f904d,#ee8624,#1d7f904d);color:#e6faff;font-size:1rem}.promo-text{margin:0;text-align:center;line-height:1.4;color:#fff}.promo-discount{color:#ffdf29;font-weight:700}.promo-prefix{display:inline}.promo-btn{padding:.45rem 1.1rem;border-radius:999px;max-width:10rem;background:#fff;color:#0f172a;font-weight:600;font-size:.85rem;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease}.promo-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000059}@media(max-width:48rem){.promo-banner{gap:1.5rem;font-size:.8rem}.promo-prefix{display:none}.promo-text{font-size:.85rem}.promo-btn{width:100%;text-align:center;padding:.3rem}:root{--promo-banner-height: 2.5rem}}.community-links{padding:1.5rem 1rem 6rem;text-align:center;color:#e6faff;background:linear-gradient(180deg,var(--bg-mid),var(--bg-mid))}.community-links h2{font-size:2.6rem;margin-bottom:1rem}.community-links p{max-width:36rem;margin:0 auto 2rem;opacity:.8;font-size:1rem}.community-icons{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.community-card{width:9rem;height:9rem;background:linear-gradient(180deg,var(--card-light),var(--card-dark));border-radius:1.4rem;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;text-decoration:none;color:#fff;box-shadow:0 25px 35px #0006;transition:transform .3s ease,box-shadow .3s ease}.community-card:hover{transform:translateY(-6px);box-shadow:0 35px 50px #0000008c}.community-card img{width:2.6rem;height:2.6rem;object-fit:contain}.community-card span{font-weight:600;font-size:.95rem}@media(max-width:60rem){.community-icons{gap:1rem}.community-card{width:5rem;height:5rem;padding:.5rem;border-radius:10rem}.community-card span{display:none}.community-links h2{font-size:2rem}}
