:root{--promo-banner-height: 2rem;--c-bg-900: #01040a;--c-bg-800: #061735;--c-bg-700: #0c2c57;--c-bg-900-rgb: 2, 7, 17;--c-bg-800-rgb: 6, 23, 53;--c-surface-900-rgb: 8, 19, 34;--c-surface-800-rgb: 15, 36, 63;--c-surface-700-rgb: 31, 71, 131;--c-surface-600-rgb: 36, 84, 155;--c-text-100: #fdffff;--c-text-200: rgba(255, 255, 255, .85);--c-text-300: rgba(255, 255, 255, .7);--c-accent-rgb: 34, 130, 255;--c-accent-500: #4385ff;--c-accent-400: #1bd1d7;--c-accent-700: #1c62a0;--c-success-rgb: 11, 141, 80;--c-warning-rgb: 224, 176, 20;--c-danger-rgb: 255, 92, 92;--c-white-rgb: 255, 255, 255;--c-black-rgb: 0, 0, 0;--bg-dark: var(--c-bg-900);--bg-mid: var(--c-bg-800);--bg-light: var(--c-bg-700);--text-primary: var(--c-text-100);--text-secondary: var(--c-text-200);--text-muted: var(--c-text-300);--accent-rgb: var(--c-accent-rgb);--accent-primary: var(--c-accent-500);--accent-cyan: var(--c-accent-400);--accent-blue-dark: var(--c-accent-700);--success-rgb: var(--c-success-rgb);--warning-rgb: var(--c-warning-rgb);--danger-rgb: var(--c-danger-rgb);--success-500: rgb(var(--success-rgb));--warning-500: rgb(var(--warning-rgb));--card-dark: rgba(var(--c-surface-800-rgb), .9);--card-dark1: rgba(var(--c-surface-900-rgb), .9);--card-light: rgba(var(--c-surface-600-rgb), .5);--card-light1: rgba(var(--c-surface-700-rgb), .8);--card-light-opacity: rgba(var(--c-surface-900-rgb), .61);--card-tag: rgba(var(--c-white-rgb), .1);--card-subtle: rgba(var(--c-white-rgb), .05);--card-faq: rgba(32, 103, 170, .212);--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);--card-black: rgba(var(--c-black-rgb), .25);--accent-shadow-soft: rgba(var(--accent-rgb), .25);--accent-shadow-strong: rgba(var(--accent-rgb), .5);--shadow-neutral-soft: rgba(var(--c-black-rgb), .35);--shadow-neutral-medium: rgba(var(--c-black-rgb), .22);--surface-inset-border: rgba(var(--c-white-rgb), .04);--btn-border: rgb(var(--accent-rgb));--btn-hover-bg: rgba(var(--accent-rgb), .1);--btn-hover-shadow: rgba(var(--accent-rgb), .3);--card-shadow: var(--accent-shadow-strong)}html,body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg-dark);scroll-behavior:smooth}img,video{max-width:100%;height:auto}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%}.bb-btn{display:inline-flex;margin-top:1rem;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;border-radius:10rem;border:3px solid transparent;font-weight:600;font-size:1rem;text-decoration:none;max-width:fit-content;background:linear-gradient(var(--bg-dark),var(--bg-dark)) padding-box,linear-gradient(90deg,var(--accent-primary),var(--accent-cyan)) border-box;color:var(--text-primary);box-shadow:0 0 10px 10px rgba(var(--accent-rgb),.1);transition:all .3s ease;background-clip:padding-box,border-box;-webkit-background-clip:padding-box,border-box;position:relative}.bb-btn:hover{cursor:pointer;box-shadow:0 0 15px 15px var(--btn-hover-shadow)}.header{position:fixed;top:calc(var(--promo-banner-height) + .3rem);left:50%;transform:translate(-50%);width:calc(100% - 15rem);padding:.5rem 1.4rem;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--card-border);border-radius:1rem;background:rgba(var(--c-surface-800-rgb),.39);background:rgba(var(--c-surface-800-rgb),.85);backdrop-filter:blur(5px);z-index:20;color:var(--text-primary);@supports (backdrop-filter: blur(5px)){background:rgba(var(--c-surface-800-rgb),.39)}}.logo{width:2rem;height:auto;border-radius:1rem;opacity:.9}.logo:hover{box-shadow:0 0 15px var(--accent-shadow-strong);transition:.5s}.nav{display:flex;gap:1.6rem;align-items:center}.nav :hover{color:var(--accent-primary);transition:.2s}.nav a,.dropdown{text-decoration:none;color:var(--text-primary);font-weight:500;font-size:1.1rem;opacity:.9;cursor:pointer}.right{display:flex;align-items:center;gap:1rem}.cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.2rem;border-radius:999px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-primary));color:var(--text-primary);font-weight:600;text-decoration:none;font-size:1rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}.cta:hover{box-shadow:0 0 24px rgba(var(--accent-rgb),1);filter:brightness(1.03)}.burger{display:none;background:none;border:none;font-size:1.6rem;color:var(--text-primary);cursor:pointer}.burger:hover{color:var(--accent-primary)}.mobile-menu{position:fixed;top:7rem;left:50%;transform:translate(-50%) scaleY(0);transform-origin:top;width:calc(100% - 2rem);max-width:30rem;background:rgba(var(--c-bg-900-rgb),.96);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:var(--text-primary);text-decoration:none;font-weight:600}.mobile-menu a:hover{color:var(--accent-primary)}.mobile-menu a.active{color:var(--accent-cyan)}.mobile-menu.open{transform:translate(-50%) scaleY(1)}.dropdown{position:relative}.dropdown-trigger{background:none;border:none;color:var(--text-primary);font-family:inherit;font-size:1.1rem;font-weight:500;display:flex;align-items:center;gap:.3rem;cursor:pointer}.dropdown-trigger svg{display:block;transform-origin:50% 50%;transform-box:view-box;transition:transform .25s ease;margin-top:.2rem}.dropdown-menu{position:absolute;top:2.6rem;left:50%;transform:translate(-50%) translateY(10px);background:linear-gradient(180deg,rgba(var(--c-surface-800-rgb),.95),rgba(var(--c-surface-900-rgb),.95));border-radius:1rem;padding:.8rem .5rem;min-width:12rem;box-shadow:0 25px 40px var(--shadow-neutral-soft);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:var(--text-primary);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:100rem){.header{width:calc(100% - 4rem)}}@media(max-width:48rem){.header{padding:.5rem 1.4rem;border:2px solid var(--card-border2);width:calc(100% - 2rem)}.nav,.cta{display:none}.burger{display:block}.dropdown{display:none}}.hero{position:relative;width:100%;height:100%;background-image:url(/hero-bg.png);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:url(/fish-bg-1.png) center / contain no-repeat;background-image:-webkit-image-set(url(/fish-bg-1.png) 1x);background-image:image-set(url(/fish-bg-1.png) 1x);opacity:1;pointer-events:none;z-index:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--c-black-rgb),.23),rgba(var(--c-surface-800-rgb),.24),rgba(var(--c-bg-800-rgb),.28),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(90deg,#70a7f0,var(--text-primary));-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:var(--text-primary)}.hero-actions{display:flex;gap:1rem}.hero-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.6rem;border-radius:999px;background:linear-gradient(100deg,#2a6dca,#2da0c0);color:#fff;font-weight:600;font-size:large;text-decoration:none;cursor:pointer;z-index:1;background-clip:padding-box;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;border:none;overflow:hidden;box-shadow:0 0 30px 10px var(--card-shadow)}.hero-primary:before{content:"";position:absolute;inset:0;border-radius:999px;padding:2px;background:linear-gradient(100deg,#3a8bfd,#00c6fb);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:0}.hero-primary>*{position:relative;z-index:1}.hero-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px 20px var(--card-shadow);filter:brightness(1.03)}@keyframes rotateBorderGradient{0%{background-position:0% 50%}to{background-position:360% 50%}}.hero-secondary{position:relative;padding:14px 28px;border-radius:999px;color:var(--text-primary);font-weight:600;text-decoration:none;background:var(--c-bg-900-rgb);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(rgba(var(--accent-rgb),0),var(--accent-cyan),rgba(var(--accent-rgb),0));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:rgba(var(--c-surface-800-rgb),1);border-radius:999px;z-index:-1}.hero-media{position:relative;height:100%;display:flex;align-items:center}.hero-media video{width:100%;max-height:50vh;border-radius:1rem;box-shadow:0 30px 30px var(--shadow-neutral-soft);opacity:.7}@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:var(--text-primary);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:var(--bg-dark);margin-bottom:1rem}.footer-logo:hover{box-shadow:0 0 15px var(--accent-shadow-strong);transition:.5s}.footer-brand p{font-size:.9rem;line-height:1.6;opacity:.8}.footer-brand a{color:var(--accent-primary);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:var(--text-secondary);text-decoration:none}.footer-col a:hover{color:var(--accent-primary)}.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;display:flex;align-items:center;justify-content:center;gap:1.5rem;background:linear-gradient(90deg,rgba(var(--accent-rgb),0),#f57b2a,rgba(var(--accent-rgb),0));color:var(--text-primary);font-size:1rem}.promo-text{text-align:center;line-height:1;color:var(--text-primary);padding-left:1rem}.promo-discount{color:#ff0;font-weight:700}.promo-prefix{display:inline}.promo-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.3rem 1rem;border-radius:999px;max-width:10rem;background:var(--text-primary);color:#000;font-weight:600;font-size:.85rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.promo-btn:hover{transform:translateY(-1px);box-shadow:0 0 24px var(--card-shadow)}@media(max-width:48rem){.promo-banner{gap:.5rem;justify-content:space-between;padding:.5rem .75rem;font-size:.8rem}.promo-prefix{display:none}.promo-text{font-size:.85rem;flex:1;text-align:left}.promo-btn{width:auto;flex:0 0 auto;white-space:nowrap;text-align:center;padding:.3rem .7rem}:root{--promo-banner-height: 2.5rem}}@media(max-width:23rem){.promo-code{display:none}}.community-links{padding:1.5rem 1rem 6rem;text-align:center;color:var(--text-primary);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:var(--text-primary);box-shadow:0 25px 35px var(--shadow-neutral-soft);transition:transform .3s ease,box-shadow .3s ease}.community-card:hover{transform:translateY(-6px);box-shadow:0 35px 50px var(--shadow-neutral-soft)}.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}}.faq-section{background:linear-gradient(180deg,var(--bg-dark),var(--bg-mid));padding:5rem 1.5rem;color:var(--text-primary)}.faq-container{max-width:75rem;margin:0 auto}.faq-header h2{font-size:4rem;margin-bottom:.4rem}.faq-header p{opacity:.65;margin-bottom:2rem}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--card-faq);border-radius:1rem;overflow:hidden;transition:box-shadow .3s ease}.faq-item.open{box-shadow:0 12px 30px var(--shadow-neutral-soft)}.faq-question{width:100%;padding:1rem 1.5rem;background:transparent;border:none;cursor:pointer;text-align:left;font-size:1.3rem;display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary)}.faq-question:hover{color:var(--accent-primary)}.faq-icon{font-size:1.4rem;font-weight:700;margin-left:1rem}.faq-question span{transition:transform .4s ease}.faq-item.open .faq-question span{transform:rotate(180deg)}.faq-answer{max-height:0;opacity:0;overflow:hidden;padding:0 1.5rem;color:var(--text-muted);transition:max-height .45s ease,opacity .35s ease,padding .35s ease}.faq-answer.open{max-height:12rem;opacity:.85;padding:.8rem 1.5rem 1.2rem}.faq-answer p{margin:0;line-height:1.6}@media(max-width:48rem){.faq-header h2{font-size:2.2rem}}