:root{--ink:#0b0e14;--ink-2:#12151e;--paper:#f3f1ec;--paper-2:#e8e5de;--blue:#2f6bff;--copper:#c98b4a;--text:#f4f5f7;--muted:#9aa3b2;--line:rgba(154,163,178,.22);--sage:#3fae7a;--amber:#e0a93b;--red:#d6564c;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55}.site-noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 48px),var(--max));margin:0 auto}.narrow{max-width:820px}.section{padding:120px 0}.section-dark,.hero,.cta-section{background:var(--ink);color:var(--text)}.muted{color:var(--muted)}.eyebrow{display:inline-block;color:var(--copper);font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.site-header{height:82px;display:flex;align-items:center;gap:34px;padding:0 32px;position:sticky;top:0;z-index:10;background:rgba(11,14,20,.92);color:var(--text);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:700;letter-spacing:.08em;line-height:.95;white-space:nowrap}.brand>span:last-child>span{color:var(--blue)}.brand small{display:block;font:500 6px Inter,sans-serif;letter-spacing:.16em;color:var(--muted);margin-top:6px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--blue);color:var(--blue);font:600 22px 'Space Grotesk';transform:rotate(45deg);position:relative}.brand-mark::after{content:'';position:absolute;width:17px;height:1px;background:var(--copper);transform:rotate(-45deg)}.main-nav{display:flex;align-items:center;gap:22px;margin-left:auto;font-size:12px;color:#d9dde5}.main-nav a:hover,.icon-link:hover{color:var(--copper)}.header-actions{display:flex;align-items:center;gap:20px}.icon-link{font-size:12px}.mobile-toggle{display:none;background:none;border:0;color:var(--text);font-size:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 22px;border:1px solid transparent;font-size:12px;font-weight:700;letter-spacing:.03em;transition:.25s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:white}.button-primary:hover{background:#4d7cff}.button-copper{background:var(--copper);color:var(--ink)}.button-outline{border-color:currentColor;background:transparent}.button-small{padding:10px 15px;font-size:11px}.text-link{display:inline-flex;align-items:center;gap:13px;color:var(--blue);font-size:12px;font-weight:700}.text-link.light{color:var(--text)}.text-link:hover{gap:19px}.hero{min-height:calc(100vh - 82px);display:flex;align-items:center;position:relative;overflow:hidden}.blueprint{position:absolute;inset:-20%;background-image:linear-gradient(rgba(47,107,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(47,107,255,.09) 1px,transparent 1px);background-size:68px 68px;transform:perspective(700px) rotateX(58deg) translateY(20%);transform-origin:center;opacity:.7}.blueprint-b{background-size:17px 17px;opacity:.24;transform:perspective(700px) rotateX(58deg) translateY(20%) translateX(6px)}.hero-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;position:relative;z-index:1}.hero-copy{max-width:590px}.hero h1,.page-hero h1,.auth-card h1,.section-heading h2,.manifesto h2,.cta-box h2{font:500 clamp(46px,7vw,92px)/.98 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:22px 0}.hero h1 em,.page-hero h1 em,.section-heading h2 em,.manifesto h2 em,.cta-box h2 em,.auth-card h1 em{font-style:normal;color:var(--copper)}.hero-copy p,.page-hero p{max-width:510px;color:var(--muted);font-size:16px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.hero-orbit{width:min(39vw,500px);height:min(39vw,500px);min-height:360px;min-width:360px;justify-self:end;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:100%;height:100%;transform:rotate(-25deg)}.orbit-1{border-color:rgba(47,107,255,.6);border-left-color:transparent;border-right-color:transparent;animation:spin 20s linear infinite}.orbit-2{width:74%;height:74%;border-color:rgba(201,139,74,.5);border-top-color:transparent;animation:spin 14s linear reverse infinite}.orbit-label{position:relative;width:245px;height:245px;border:1px solid rgba(201,139,74,.75);outline:1px solid rgba(201,139,74,.2);outline-offset:14px;display:flex;flex-direction:column;justify-content:center;padding:30px;background:rgba(18,21,30,.74);clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%)}.orbit-label strong{font:500 30px/1 'Space Grotesk';margin:13px 0;color:var(--text)}.orbit-label p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.orbit-label i{width:28px;height:2px;background:var(--blue);display:block;margin-top:18px}.hero-kicker{font-size:9px;letter-spacing:.16em;color:var(--copper)}.orbit-dot{position:absolute;width:10px;height:10px;background:var(--blue);transform:rotate(45deg)}.dot-1{top:14%;left:12%}.dot-2{right:5%;bottom:25%;background:var(--copper)}@keyframes spin{to{transform:rotate(335deg)}}.hero-meta{position:absolute;z-index:2;bottom:28px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.15em;color:var(--muted)}.scroll-cue{color:var(--text)}.section-heading{max-width:630px;margin-bottom:60px}.section-heading h2,.manifesto h2{font-size:58px;margin:17px 0}.section-heading p{color:#697280;max-width:390px}.row-heading{max-width:none;display:flex;justify-content:space-between;align-items:end}.frames-section{background:var(--paper)}.frame-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.frame-card{min-height:430px;padding:40px;position:relative;display:flex;flex-direction:column;border:1px solid #d1cec6;overflow:hidden}.frame-card::before{content:'';position:absolute;inset:12px;border:1px solid rgba(47,107,255,.16);pointer-events:none}.frame-service{background:#e4e7ee}.frame-collective{background:var(--ink);color:var(--text);border-color:var(--ink)}.frame-collective::before{border-color:rgba(201,139,74,.25)}.card-number{position:absolute;right:39px;top:37px;font:500 14px 'Space Grotesk';color:var(--copper)}.frame-icon{font-size:50px;color:var(--blue);margin-bottom:45px}.frame-collective .frame-icon{color:var(--copper)}.frame-card h3,.frame-card h2{font:500 34px/1.05 'Space Grotesk';margin:0 0 15px;max-width:360px}.frame-card p{max-width:440px;color:#667080}.frame-collective p{color:var(--muted)}.mini-steps{display:flex;gap:14px;flex-wrap:wrap;margin:26px 0 auto;color:#77808e;font-size:10px}.frame-card .button{align-self:flex-start;position:relative;z-index:1}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.service-tile{background:var(--ink-2);min-height:270px;padding:25px;position:relative;transition:.25s}.service-grid-light{background:#d1cec6}.service-grid-light .service-tile{background:var(--paper);color:var(--ink)}.service-tile:hover{background:#1a2030;transform:translateY(-4px);z-index:1}.service-grid-light .service-tile:hover{background:#fff}.tile-index{font-size:10px;color:var(--copper)}.service-symbol{display:block;color:var(--blue);font:34px 'Space Grotesk';margin:38px 0 18px}.service-tile h3,.service-tile h2{font:500 20px 'Space Grotesk';margin:0 0 9px}.service-tile p{font-size:12px;color:var(--muted);max-width:220px}.tile-arrow{position:absolute;right:25px;bottom:24px;color:var(--copper)}.manifesto{background:var(--paper-2)}.manifesto-grid,.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}.large-copy{font:400 25px/1.35 'Space Grotesk';max-width:500px;margin:0 0 30px}.cta-section{padding:80px 0}.cta-box{border:1px solid rgba(201,139,74,.5);padding:70px;position:relative}.cta-box::after{content:'A';position:absolute;right:70px;top:35px;font:200px 'Space Grotesk';color:rgba(47,107,255,.1)}.cta-box h2{font-size:58px;position:relative;z-index:1}.cta-box>div{display:flex;gap:28px;align-items:center;position:relative;z-index:1}.site-footer{background:var(--ink);color:var(--text);padding:70px max(24px,calc((100% - 1180px)/2)) 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:60px}.footer-grid h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--copper);margin:0 0 19px}.footer-grid a:not(.brand){display:block;color:var(--muted);font-size:12px;margin:9px 0}.footer-grid p{max-width:240px;font-size:12px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;color:#697280;font-size:10px}.page-hero{background:var(--ink);color:var(--text);padding:110px 0 100px;position:relative;overflow:hidden}.page-hero::after{content:'';position:absolute;right:-100px;bottom:-180px;width:500px;height:500px;border:1px solid rgba(47,107,255,.25);transform:rotate(45deg)}.page-hero.compact h1{font-size:76px;max-width:800px}.form-hero h1{max-width:790px}.flash{position:fixed;top:100px;right:25px;z-index:30;padding:14px 18px;background:white;border-left:3px solid var(--blue);box-shadow:0 12px 40px #0002;font-size:12px}.flash-error{border-color:var(--red)}.flash-success{border-color:var(--sage)}.form-section{background:var(--paper)}.form-progress{display:flex;align-items:center;gap:12px;margin-bottom:55px;color:#9ba2a8;font:600 12px 'Space Grotesk'}.form-progress span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #bbb9b3;border-radius:50%}.form-progress span.active{background:var(--blue);border-color:var(--blue);color:white}.form-progress i{height:1px;background:#c7c4bd;flex:1}.form-step{border:0;padding:0;margin:0 0 55px;display:none}.form-step.active{display:block}.form-step legend{font:500 38px 'Space Grotesk';letter-spacing:-.04em;margin-bottom:12px}.form-help{color:#717883;margin-top:0}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.choice input,.segmented input{position:absolute;opacity:0}.choice span{display:block;border:1px solid #cfccc5;padding:20px;min-height:105px;transition:.2s}.choice input:checked+span{border-color:var(--blue);background:#e6eaf4}.choice b{font:500 18px 'Space Grotesk';display:block}.choice small{color:#78808c;font-size:11px;display:block;margin-top:7px}.segmented{display:flex;margin:25px 0;gap:0}.segmented span{display:block;padding:13px 28px;border:1px solid #ccc9c2;color:#68717c;font-size:12px}.segmented label:first-child span{border-radius:3px 0 0 3px}.segmented label:last-child span{border-radius:0 3px 3px 0}.segmented input:checked+span{background:var(--ink);border-color:var(--ink);color:white}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label,.auth-card label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:600;color:#4d5661}.form-grid label span{font-weight:400;color:#9aa3b2}.form-grid input,.form-grid select,.form-grid textarea,.auth-card input{width:100%;background:white;border:1px solid #d0cdc5;padding:14px;color:var(--ink);outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.auth-card input:focus{border-color:var(--blue)}.full{grid-column:1/-1}.notice{padding:18px;margin-top:25px;font-size:12px}.notice-copper{background:#eee3d6;border-left:3px solid var(--copper)}.upload-zone{border:1px dashed #a9a7a1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;padding:25px;gap:8px;color:var(--blue);cursor:pointer}.upload-zone input{display:none}.upload-zone small{color:#79818b;font-size:10px}.check-label{display:flex;align-items:center;gap:9px;font-size:12px;margin:25px 0}.check-label input{accent-color:var(--blue)}.check-label a{color:var(--blue);text-decoration:underline}.step-actions{display:flex;justify-content:space-between}.step-actions [data-prev]{visibility:hidden}.auth-page{min-height:calc(100vh - 82px);display:grid;place-items:center;background:var(--paper-2);padding:80px 20px}.auth-card{width:min(100%,510px);background:var(--paper);padding:55px;border:1px solid #d1cec6;box-shadow:0 20px 60px #0b0e1412}.auth-card h1{font-size:54px;margin:20px 0}.auth-card p{color:#717883}.auth-card form{display:grid;gap:20px;margin:30px 0}.auth-card .text-link{display:block}.success-mark{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:var(--sage);color:white;font-size:25px;margin-bottom:30px}.legal-content{max-width:820px;font-size:15px}.legal-content h2{font:500 32px 'Space Grotesk';margin-top:50px}.start-grid .frame-card{min-height:370px}.app-shell{display:grid;grid-template-columns:255px 1fr;min-height:calc(100vh - 82px);background:#eef0f3}.app-sidebar{background:var(--ink);color:var(--text);padding:40px 25px}.app-sidebar h2{font:500 25px 'Space Grotesk';margin:15px 0 42px}.app-sidebar nav{display:grid;gap:4px}.app-sidebar nav a{font-size:12px;color:var(--muted);padding:12px 14px;border-left:2px solid transparent}.app-sidebar nav a:hover,.app-sidebar nav a.active{color:white;background:#171c28;border-color:var(--copper)}.app-content{padding:52px clamp(22px,5vw,70px);max-width:1400px;width:100%}.app-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:45px}.app-top h1{font:500 48px 'Space Grotesk';margin:13px 0 0;letter-spacing:-.05em}.user-badge{border:1px solid #ccc9c2;padding:9px 13px;font-size:10px;color:#65707e}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.stat-card,.dash-panel{background:var(--paper);border:1px solid #d8d5cf;padding:25px}.stat-card small,.stat-card span{display:block;color:#7a828d;font-size:11px}.stat-card strong{display:block;font:500 42px 'Space Grotesk';margin:15px 0 2px}.stat-card .accent{color:var(--copper)}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-heading h3{font:500 20px 'Space Grotesk';margin:0}.panel-heading a{font-size:11px;color:var(--blue)}.list-row,.notification-row{border-top:1px solid #ddd9d2;padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.list-row strong,.list-row small{display:block}.list-row small,.notification-row small{font-size:10px;color:#89909b}.status{font-size:10px;padding:5px 8px;background:#e3e7ec;color:#586271;text-transform:capitalize}.status-nouveau,.status-en_attente_de_groupe{background:#f7ead0;color:#987129}.status-accepte,.status-termine,.status-actif,.status-valide{background:#dcefe6;color:#287851}.notification-row{align-items:start}.notification-row p{font-size:11px;color:#78818c;margin:4px 0}.notification-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-top:6px}.notification-dot.read{background:#c8cbd0}.empty-state{text-align:center;padding:35px 10px;color:#7c8590}.empty-state>span{font-size:35px;color:var(--blue)}.empty-state p{font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th{text-align:left;color:#7b838d;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:600}th,td{padding:13px 10px;border-bottom:1px solid #dfdcd6}td{color:#4e5864}.empty-cell{text-align:center;padding:50px}.section-placeholder{min-height:350px}.placeholder-icon{font-size:42px;color:var(--blue)}.section-placeholder h2{font:500 30px 'Space Grotesk'}.section-placeholder p{color:#737c88;max-width:500px}.profile-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:40px}.profile-summary div{border-top:1px solid #d5d2cb;padding-top:12px}.profile-summary small,.profile-summary strong{display:block}.profile-summary small{font-size:10px;color:#8a929b}.profile-summary strong{font-size:13px;margin-top:6px}@media(max-width:1050px){.main-nav{gap:10px}.main-nav a:nth-child(n+4){display:none}.hero-layout{grid-template-columns:1fr}.hero-orbit{justify-self:center;width:430px;height:430px}.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container{width:min(calc(100% - 32px),var(--max))}.site-header{height:70px;padding:0 16px}.mobile-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:70px;inset-inline:0;background:var(--ink);padding:22px;flex-direction:column;align-items:start}.main-nav.open{display:flex}.main-nav a:nth-child(n){display:block}.header-actions .icon-link{display:none}.header-actions .button{display:none}.brand{font-size:18px}.section{padding:75px 0}.hero{min-height:calc(100vh - 70px)}.hero h1{font-size:53px}.hero-orbit{width:320px;height:320px;min-width:320px;min-height:320px}.orbit-label{width:175px;height:175px;padding:20px}.orbit-label strong{font-size:22px}.orbit-label p{font-size:10px}.hero-meta{font-size:8px}.hero-meta span:first-child{display:none}.section-heading h2,.manifesto h2,.cta-box h2{font-size:42px}.row-heading,.manifesto-grid,.two-col{display:block}.row-heading .text-link{margin-top:10px}.frame-grid,.choice-grid,.form-grid,.dashboard-grid{grid-template-columns:1fr}.frame-card{min-height:390px;padding:30px}.service-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.page-hero{padding:75px 0}.page-hero.compact h1{font-size:52px}.cta-box{padding:38px 25px}.cta-box>div{display:block}.cta-box .text-link{margin:20px 0}.app-shell{display:block}.app-sidebar{padding:18px 16px;position:relative}.app-sidebar h2{margin:10px 0 15px}.app-sidebar nav{display:flex;overflow:auto;gap:4px}.app-sidebar nav a{white-space:nowrap;padding:9px 10px}.app-content{padding:35px 16px}.app-top h1{font-size:34px}.stat-grid{grid-template-columns:1fr 1fr}.stat-card{padding:16px}.stat-card strong{font-size:32px}.stat-grid .stat-card:last-child{grid-column:1/-1}.auth-card{padding:32px 24px}.auth-card h1{font-size:42px}.form-progress{gap:5px}.form-progress i{min-width:8px}.form-step legend{font-size:30px}}
/* ============================================================
   HERO AQUARIUM — drifting image showcase behind the hero copy
   Additive only: no existing rule above this line is modified.
   ============================================================ */
.hero-aquarium{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;transition:opacity .7s ease}
.hero:hover .hero-aquarium{opacity:.7}
.hero-aquarium-veil{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(100deg,rgba(11,14,20,.97) 0%,rgba(11,14,20,.92) 26%,rgba(11,14,20,.62) 48%,rgba(11,14,20,.3) 66%,rgba(11,14,20,.52) 100%),radial-gradient(ellipse at 50% 100%,rgba(11,14,20,.75),rgba(11,14,20,0) 62%),linear-gradient(rgba(11,14,20,.35),rgba(11,14,20,0) 18%,rgba(11,14,20,0) 78%,rgba(11,14,20,.55))}
.water-caustics{position:absolute;inset:-16%;background:radial-gradient(circle at 20% 28%,rgba(47,107,255,.28),transparent 42%),radial-gradient(circle at 78% 62%,rgba(63,174,122,.2),transparent 46%),radial-gradient(circle at 55% 12%,rgba(201,139,74,.16),transparent 36%),radial-gradient(circle at 40% 85%,rgba(47,107,255,.16),transparent 40%);mix-blend-mode:screen;filter:blur(34px);opacity:.65;animation:causticsDrift 22s ease-in-out infinite alternate}
.water-rays{position:absolute;inset:-10% -10%;background:repeating-linear-gradient(98deg,rgba(255,255,255,.05) 0 2px,transparent 2px 96px);mix-blend-mode:overlay;opacity:.4;animation:raysDrift 16s linear infinite}
@keyframes causticsDrift{0%{transform:translate3d(-3%,-2%,0) scale(1)}50%{transform:translate3d(2%,3%,0) scale(1.09)}100%{transform:translate3d(-2%,2%,0) scale(1.03)}}
@keyframes raysDrift{0%{transform:translateX(0)}100%{transform:translateX(96px)}}
.fish-tank{position:absolute;inset:0;list-style:none;margin:0;padding:0}
.fish{position:absolute;top:var(--top);left:var(--left);width:var(--w);animation-duration:var(--duration);animation-delay:var(--delay);animation-timing-function:cubic-bezier(.45,.05,.55,.95);animation-iteration-count:infinite;transform-origin:50% 50%;will-change:transform,filter,opacity}
.fish-size-s{--w:clamp(84px,9vw,126px)}
.fish-size-m{--w:clamp(120px,12.5vw,190px)}
.fish-size-l{--w:clamp(158px,16vw,248px)}
.fish-frame{position:relative;display:block;border-radius:16px;overflow:hidden;background:#0b0e14;box-shadow:0 18px 44px rgba(4,10,20,.5),0 0 0 1px rgba(255,255,255,.07) inset,0 0 0 rgba(154,207,255,0);animation-name:fishGlow;animation-duration:var(--duration);animation-delay:var(--delay);animation-timing-function:cubic-bezier(.45,.05,.55,.95);animation-iteration-count:infinite}
@keyframes fishGlow{0%,100%{box-shadow:0 10px 22px rgba(4,10,20,.35),0 0 0 1px rgba(255,255,255,.08) inset,0 0 16px rgba(var(--glow-rgb),.4)}50%{box-shadow:0 30px 80px rgba(4,10,20,.62),0 0 0 1px rgba(255,255,255,.2) inset,0 0 60px rgba(var(--glow-rgb),.7)}}
.fish-frame img{display:block;width:100%;height:auto}
.fish-frame::after{content:'';position:absolute;inset:0;background:linear-gradient(200deg,rgba(var(--glow-rgb),.24),rgba(11,14,20,0) 58%);mix-blend-mode:overlay;pointer-events:none}
.fish-flash{position:absolute;top:-45%;left:-65%;width:45%;height:230%;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.92) 46%,rgba(154,207,255,.75) 55%,rgba(255,255,255,0) 100%);transform:translateX(-120%) rotate(18deg);opacity:0;pointer-events:none;mix-blend-mode:screen;animation-name:fishFlashSweep;animation-duration:var(--duration);animation-delay:var(--delay);animation-timing-function:ease-in-out;animation-iteration-count:infinite}
@keyframes fishFlashSweep{0%,38%{opacity:0;transform:translateX(-120%) rotate(18deg)}46%{opacity:.9}54%{opacity:.9;transform:translateX(230%) rotate(18deg)}60%,100%{opacity:0;transform:translateX(230%) rotate(18deg)}}
.fish-path-a{animation-name:swimA;--glow-rgb:47,107,255}
.fish-path-b{animation-name:swimB;--glow-rgb:201,139,74}
.fish-path-c{animation-name:swimC;--glow-rgb:63,174,122}
.fish-path-d{animation-name:swimD;--glow-rgb:224,169,59}
.fish-path-e{animation-name:swimE;--glow-rgb:47,107,255}
.fish-path-f{animation-name:swimF;--glow-rgb:201,139,74}
@keyframes swimA{0%{transform:translate3d(-7vw,2.5vh,0) scale(.36) rotate(-4deg);filter:blur(1.4px) brightness(1.08);opacity:.62}20%{transform:translate3d(-2vw,0,0) scale(.78) rotate(-1deg);filter:blur(.7px) brightness(1.14);opacity:.8}50%{transform:translate3d(4vw,-2vh,0) scale(1.55) rotate(1deg);filter:blur(0) brightness(1.28);opacity:1}80%{transform:translate3d(8vw,.5vh,0) scale(.74) rotate(2deg);filter:blur(.9px) brightness(1.1);opacity:.75}100%{transform:translate3d(-7vw,2.5vh,0) scale(.36) rotate(-4deg);filter:blur(1.4px) brightness(1.08);opacity:.62}}
@keyframes swimB{0%{transform:translate3d(7vw,-2.5vh,0) scale(.34) rotate(5deg);filter:blur(1.5px) brightness(1.06);opacity:.6}22%{transform:translate3d(2vw,-4vh,0) scale(.8) rotate(2deg);filter:blur(.6px) brightness(1.16);opacity:.82}50%{transform:translate3d(-4vw,-1.5vh,0) scale(1.6) rotate(-1deg);filter:blur(0) brightness(1.3);opacity:1}78%{transform:translate3d(-8vw,-3vh,0) scale(.7) rotate(-3deg);filter:blur(1px) brightness(1.08);opacity:.72}100%{transform:translate3d(7vw,-2.5vh,0) scale(.34) rotate(5deg);filter:blur(1.5px) brightness(1.06);opacity:.6}}
@keyframes swimC{0%{transform:translate3d(-9vw,4.5vh,0) scale(.32) rotate(-3deg);filter:blur(1.6px) brightness(1.05);opacity:.58}25%{transform:translate3d(-3vw,1.2vh,0) scale(.86) rotate(0deg);filter:blur(.4px) brightness(1.18);opacity:.86}50%{transform:translate3d(2.5vw,4vh,0) scale(1.65) rotate(2deg);filter:blur(0) brightness(1.3);opacity:1}75%{transform:translate3d(8vw,.5vh,0) scale(.8) rotate(3deg);filter:blur(.7px) brightness(1.12);opacity:.78}100%{transform:translate3d(-9vw,4.5vh,0) scale(.32) rotate(-3deg);filter:blur(1.6px) brightness(1.05);opacity:.58}}
@keyframes swimD{0%{transform:translate3d(4.5vw,-1.2vh,0) scale(.42) rotate(4deg);filter:blur(1.3px) brightness(1.1);opacity:.64}18%{transform:translate3d(1.5vw,.5vh,0) scale(.84) rotate(1deg);filter:blur(.5px) brightness(1.16);opacity:.84}50%{transform:translate3d(-3vw,2.5vh,0) scale(1.5) rotate(-2deg);filter:blur(0) brightness(1.26);opacity:1}82%{transform:translate3d(-6vw,.5vh,0) scale(.78) rotate(-3deg);filter:blur(.8px) brightness(1.1);opacity:.76}100%{transform:translate3d(4.5vw,-1.2vh,0) scale(.42) rotate(4deg);filter:blur(1.3px) brightness(1.1);opacity:.64}}
@keyframes swimE{0%{transform:translate3d(-6vw,6vh,0) scale(.3) rotate(-5deg);filter:blur(1.7px) brightness(1.04);opacity:.55}20%{transform:translate3d(-1vw,2.4vh,0) scale(.72) rotate(-1deg);filter:blur(.9px) brightness(1.12);opacity:.75}50%{transform:translate3d(5vw,-3.5vh,0) scale(1.68) rotate(3deg);filter:blur(0) brightness(1.32);opacity:1}75%{transform:translate3d(1vw,-6vh,0) scale(.76) rotate(1deg);filter:blur(1px) brightness(1.08);opacity:.72}100%{transform:translate3d(-6vw,6vh,0) scale(.3) rotate(-5deg);filter:blur(1.7px) brightness(1.04);opacity:.55}}
@keyframes swimF{0%{transform:translate3d(7vw,-6vh,0) scale(.34) rotate(3deg);filter:blur(1.4px) brightness(1.08);opacity:.62}30%{transform:translate3d(2vw,-1.2vh,0) scale(.92) rotate(0deg);filter:blur(.3px) brightness(1.2);opacity:.9}50%{transform:translate3d(-1.5vw,2vh,0) scale(1.52) rotate(-1deg);filter:blur(0) brightness(1.26);opacity:1}70%{transform:translate3d(-3.5vw,3.5vh,0) scale(.86) rotate(-2deg);filter:blur(.5px) brightness(1.14);opacity:.82}100%{transform:translate3d(7vw,-6vh,0) scale(.34) rotate(3deg);filter:blur(1.4px) brightness(1.08);opacity:.62}}
.water-bubbles{position:absolute;inset:0;overflow:hidden}
.water-bubbles span{position:absolute;left:var(--bleft);bottom:-8%;width:var(--bsize);height:var(--bsize);border-radius:50%;background:rgba(244,245,247,.22);box-shadow:0 0 6px rgba(244,245,247,.3);animation-name:bubbleRise;animation-duration:var(--bdur);animation-delay:var(--bdelay);animation-timing-function:linear;animation-iteration-count:infinite}
@keyframes bubbleRise{0%{transform:translate(0,0);opacity:0}8%{opacity:.55}88%{opacity:.35}100%{transform:translate(18px,-118vh);opacity:0}}
@media (max-width:900px){.hero-aquarium{opacity:.85}.fish-size-l{--w:clamp(120px,27vw,190px)}.fish-size-m{--w:clamp(100px,23vw,162px)}.fish-size-s{--w:clamp(82px,19vw,124px)}.water-rays{display:none}}
@media (max-width:640px){.hero-aquarium{opacity:.92}.fish-frame{border-radius:13px}.water-bubbles span:nth-child(n+7){display:none}}
@media (prefers-reduced-motion:reduce){.fish,.fish-flash,.fish-frame,.water-caustics,.water-rays,.water-bubbles span{animation:none!important}.fish{opacity:.6;filter:none;transform:none}.fish-flash{display:none}.hero-aquarium{transition:none}}