.sfi-404{isolation:isolate}.sfi-404,.sfi-404 *{box-sizing:border-box}.sfi-404 a{text-decoration:none}.sfi-glow{filter:blur(65px);opacity:.45;animation:12s ease-in-out infinite alternate sfi-glow-drift}.sfi-glow-one{background:var(--primary);opacity:.12}.sfi-glow-two{background:var(--secondary);opacity:.1;animation-delay:-5s}.sfi-gradient-text{background:linear-gradient(110deg, var(--primary-dark), var(--primary), #39c6dc);color:#0000;-webkit-background-clip:text;background-clip:text}.sfi-404-copy{animation:.8s ease-out both sfi-fade-up}.sfi-primary-button{box-shadow:0 10px 24px -12px var(--primary)}.sfi-primary-button,.sfi-secondary-button{transition:transform .22s,box-shadow .22s,background-color .22s,border-color .22s}.sfi-primary-button:hover,.sfi-secondary-button:hover{transform:translateY(-3px)}.sfi-primary-button:hover{box-shadow:0 14px 30px -12px var(--primary)}.sfi-404-art{isolation:isolate;min-height:430px;animation:.9s ease-out .1s both sfi-fade-up}.sfi-art-circle{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, var(--surface-secondary) 0%, color-mix(in srgb, var(--primary) 10%, white) 48%, transparent 73%);z-index:-2;border-radius:50%;width:min(100%,440px);animation:6s ease-in-out infinite sfi-circle-breathe;position:absolute}.sfi-orbit{border:1px solid color-mix(in srgb, var(--primary) 20%, transparent);pointer-events:none;border-radius:50%;width:82%;height:70%;position:absolute}.sfi-orbit-one{animation:24s linear infinite sfi-orbit-rotate;transform:rotate(-22deg)}.sfi-orbit-two{opacity:.65;border-style:dashed;width:68%;height:88%;animation:32s linear infinite reverse sfi-orbit-rotate;transform:rotate(34deg)}.sfi-floating-bubble{z-index:-1;background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 20%, white), color-mix(in srgb, var(--primary) 5%, white));border:1px solid #ffffffe6;border-radius:50%;position:absolute;box-shadow:inset -4px -4px 10px #0064a014,0 8px 25px #0078aa14}.sfi-bubble-one{width:17px;height:17px;animation:5s ease-in-out infinite sfi-bubble-float;top:18%;left:13%}.sfi-bubble-two{width:26px;height:26px;animation:6s ease-in-out -2s infinite sfi-bubble-float;top:31%;right:12%}.sfi-bubble-three{width:10px;height:10px;animation:4s ease-in-out -1s infinite sfi-bubble-float;bottom:23%;left:18%}.sfi-droplet{z-index:-1;color:var(--primary);opacity:.23;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.sfi-droplet svg{stroke-width:1.4px;width:100%;height:100%}.sfi-droplet-one{width:36px;height:36px;animation:7s ease-in-out infinite sfi-bubble-float;top:14%;left:4%}.sfi-droplet-two{width:45px;height:45px;animation:8s ease-in-out -3s infinite sfi-bubble-float;bottom:22%;right:5%}.sfi-droplet-three{width:28px;height:28px;animation:3s ease-in-out infinite sfi-sparkle;top:47%;right:4%}.sfi-number{letter-spacing:-.085em;color:var(--primary-dark);text-shadow:0 7px 0 color-mix(in srgb, var(--primary) 9%, transparent);gap:.035em;font-size:clamp(7rem,17vw,12.5rem);font-weight:950;line-height:.95}.sfi-number>span:first-child,.sfi-number>span:last-child{animation:4s ease-in-out infinite sfi-number-float;display:inline-block}.sfi-number>span:last-child{animation-delay:-2s}.sfi-number-drop{width:.75em;height:.85em;color:var(--primary);justify-content:center;align-items:center;margin:0 .045em;animation:3.5s ease-in-out infinite sfi-number-float;display:inline-flex}.sfi-number-drop svg{stroke-width:1.8px;width:.7em;height:.7em}.sfi-lost-sign{animation:5s ease-in-out infinite sfi-sign-sway}.sfi-mascot-stage{min-height:240px}.sfi-main-droplet{background:linear-gradient(145deg, #a8f4ff 0%, var(--primary) 35%, var(--primary-dark) 100%);width:clamp(170px,24vw,230px);height:clamp(175px,24vw,235px);box-shadow:inset 12px 9px 20px #ffffff7a, inset -14px -18px 24px #002f6f38, 0 24px 40px -22px var(--primary);border:2px solid #ffffffe6;border-radius:49% 51% 48% 52%/52% 51% 49% 48%;animation:4s ease-in-out infinite sfi-mascot-float;position:relative}.sfi-main-droplet:before{background:linear-gradient(130deg, #c5faff 0%, var(--primary) 55%, var(--primary-dark) 100%);content:"";z-index:-1;border-radius:55% 0 50% 50%;width:46%;height:42%;position:absolute;top:-20px;left:50%;transform:translate(-50%)rotate(45deg)skew(-5deg,-5deg)}.sfi-droplet-shine{filter:blur(.3px);border-left:5px solid #ffffffc7;border-radius:50%;width:22%;height:31%;position:absolute;top:19%;left:16%;transform:rotate(20deg)}.sfi-face{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-top:15px;display:flex;position:relative}.sfi-eyes{justify-content:center;gap:clamp(22px,3vw,35px);margin-top:15px;display:flex}.sfi-eye{background:#fff;border:2px solid #00396e33;border-radius:50%;justify-content:center;align-items:center;width:clamp(30px,4vw,39px);height:clamp(39px,5vw,49px);animation:5s 1s infinite sfi-blink;display:flex;overflow:hidden;box-shadow:inset 0 -4px 5px #0046821f}.sfi-eye>span{background:#07315b;border-radius:50%;width:64%;height:69%;position:relative}.sfi-eye>span:after{content:"";background:#fff;border-radius:50%;width:31%;height:31%;position:absolute;top:15%;right:17%}.sfi-brows{justify-content:center;gap:48px;width:100%;margin-top:-67px;display:flex;transform:translateY(-6px)}.sfi-brows span{border-top:4px solid #07517e;border-radius:50%;width:24px;height:8px;transform:rotate(-10deg)}.sfi-brows span:last-child{transform:rotate(10deg)}.sfi-smile{border-bottom:4px solid #073c69;border-radius:0 0 50% 50%;width:31px;height:15px;margin-top:26px}.sfi-blush{filter:blur(3px);background:#ff84a585;border-radius:50%;width:22px;height:11px;position:absolute;top:59%}.sfi-blush-left{left:18%}.sfi-blush-right{right:18%}.sfi-side-droplet{width:44px;height:44px;color:var(--primary);justify-content:center;align-items:center;animation:4s ease-in-out infinite sfi-side-float;display:flex;position:absolute}.sfi-side-droplet svg{stroke-width:1.6px;width:100%;height:100%}.sfi-side-droplet-left{top:34%;left:4%}.sfi-side-droplet-right{animation-delay:-1.8s;top:22%;right:5%}.sfi-water-platform{perspective:300px}.sfi-water-ripple{border:1.5px solid color-mix(in srgb, var(--primary) 60%, white);background:color-mix(in srgb, var(--primary) 7%, transparent);border-radius:50%;width:75%;height:26px;position:absolute;transform:rotateX(58deg)}.sfi-ripple-one{animation:3s ease-out infinite sfi-ripple}.sfi-ripple-two{animation:3s ease-out 1s infinite sfi-ripple}.sfi-ripple-three{animation:3s ease-out 2s infinite sfi-ripple}.sfi-message-card{animation:5s ease-in-out infinite sfi-card-float}.sfi-benefit{transition:transform .22s,background-color .22s}.sfi-benefit:hover{transform:translateY(-2px)}.sfi-404 a:focus-visible{outline:2px solid var(--primary);outline-offset:4px}@keyframes sfi-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sfi-glow-drift{0%{transform:translate(-10px)scale(.95)}to{transform:translate(20px,18px)scale(1.08)}}@keyframes sfi-circle-breathe{0%,to{opacity:.75;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}@keyframes sfi-orbit-rotate{0%{rotate:0deg}to{rotate:360deg}}@keyframes sfi-bubble-float{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-15px)translate(5px)}}@keyframes sfi-number-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes sfi-mascot-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-12px)rotate(1deg)}}@keyframes sfi-sign-sway{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes sfi-side-float{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-13px)rotate(8deg)}}@keyframes sfi-card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes sfi-ripple{0%{opacity:0;transform:rotateX(58deg)scale(.7)}25%{opacity:.8}to{opacity:0;transform:rotateX(58deg)scale(1.15)}}@keyframes sfi-sparkle{0%,to{opacity:.2;transform:scale(.9)rotate(0)}50%{opacity:.55;transform:scale(1.15)rotate(12deg)}}@keyframes sfi-blink{0%,44%,48%,to{transform:scaleY(1)}46%{transform:scaleY(.08)}}@media (max-width:640px){.sfi-404-art{min-height:340px}.sfi-mascot-stage{min-height:195px}.sfi-main-droplet{width:165px;height:175px}.sfi-brows{gap:39px;margin-top:-59px}.sfi-brows span{width:20px}.sfi-smile{margin-top:23px}.sfi-number{font-size:clamp(6.5rem,30vw,9rem)}.sfi-orbit{width:90%}}@media (prefers-reduced-motion:reduce){.sfi-404 *,.sfi-404 :before,.sfi-404 :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}