*{box-sizing:border-box;margin:0;padding:0}body{color:#e9f1ff;background:radial-gradient(circle at 50% 0,#7dd3fc59,#0000 35%),linear-gradient(#0c4a6e 0%,#075985 35%,#0369a1 65%,#082f49 100%);min-height:100vh;font-family:Inter,sans-serif}.home{z-index:2;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.hero{z-index:2;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#9de5ff62;border-radius:30px;max-width:600px;padding:50px;position:relative}.emoji{margin-bottom:20px;font-size:80px}.hero h1{letter-spacing:-1px;margin-bottom:15px;font-size:56px}.hero p{margin-bottom:30px;font-size:20px}.hero button{color:#fff;cursor:pointer;background:#053663;border:none;border-radius:50px;padding:15px 35px;font-size:18px;transition:all .3s}.hero button:hover{transform:translateY(-3px)}.quiz-page{z-index:2;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.quiz-container{color:#0f172a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;border:1px solid #fff9;border-radius:30px;width:100%;max-width:700px;padding:40px;box-shadow:0 20px 60px #00142840}.progress{text-align:center;margin-bottom:15px;font-size:18px}.progress-bar{background:#dbeafe;border-radius:20px;height:10px;margin-bottom:40px;overflow:hidden}.progress-fill{background:#0284c7;height:100%;transition:all .4s}.question-card h2{text-align:center;margin-bottom:30px;font-size:30px}.answers{flex-direction:column;gap:15px;display:flex}.answer-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffffe6;border:none;border-radius:20px;padding:18px;font-size:17px;transition:background .2s,box-shadow .2s;box-shadow:0 5px 15px #00000014}.answer-button:hover{background:#dff4ff;transform:translateY(-4px);box-shadow:0 10px 25px #0284c72e}.result-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.result-card{text-align:center;color:#f0f9ff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#bae6fd47;border:1px solid #bae6fd4d;border-radius:30px;width:100%;max-width:600px;padding:45px;box-shadow:0 20px 60px #0014284d,inset 0 0 30px #ffffff0f}.animal-emoji{font-size:100px}.result-card h1{margin:20px 0;font-size:40px}.traits{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px;display:flex}.traits span{background:#004979;border-radius:50px;padding:10px 18px}.fun-fact{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:20px;margin:25px 0;padding:20px}.result-card button{color:#003a6d;cursor:pointer;background:#2db9ff;border:none;border-radius:50px;padding:15px 30px}.subtitle{opacity:.7;font-size:18px}.description{margin:25px 0;font-size:18px;line-height:1.6}.traits span{color:#0f172a;background:#70cdff;font-weight:600}.result-card button{margin-top:20px;font-size:16px;transition:all .3s}.result-card button:hover{transform:translateY(-3px)}.bubbles{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.bubble{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff59;border:1px solid #ffffff80;border-radius:50%;animation-name:rise;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-60px;box-shadow:inset -2px -2px 6px #ffffff4d,0 0 8px #fff3}@keyframes rise{0%{opacity:0;transform:translate(0)translateY(0)scale(.8)}10%{opacity:1}50%{transform:translateX(calc(var(--drift) / 2)) translateY(-50vh) scale(1)}to{transform:translateX(var(--drift)) translateY(-120vh) scale(1.1);opacity:0}}.hero,.quiz-container,.result-card{z-index:1;position:relative}.home{position:relative;overflow:hidden}.quiz-page{z-index:2;position:relative}.loading-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.almost-section{margin-top:25px}.almost-list{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px;display:flex}.almost-card{text-align:center;background:#0233601f;border:1px solid #ffffff2e;border-radius:20px;min-width:130px;padding:20px;box-shadow:0 5px 15px #00000014}.almost-emoji{font-size:45px;display:block}.almost-card h3{margin:10px 0 5px}.almost-card p{opacity:.7}.why-card{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:20px;margin:25px 0;padding:20px}.why-card h3{margin-bottom:10px}.ocean-name{background:#003d7e1f;border:1px solid #ffffff2e;border-radius:20px;margin:25px 0;padding:20px}.ocean-name h3{margin-bottom:10px}.ocean-name p{font-size:24px;font-weight:700}.compatibility-card{background:#002d761f;border:1px solid #ffffff2e;border-radius:20px;margin-top:25px;padding:20px}.compatibility-list{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.compatibility-item{text-align:center}.compatibility-item span{font-size:35px}.opposite{opacity:.8;margin-top:20px}.quiz-container,.result-card{border:1px solid #ffffff40;box-shadow:0 20px 60px #00142840}.ocean-rays{pointer-events:none;z-index:0;width:100%;height:70%;position:fixed;top:-10%;left:50%;overflow:hidden;transform:translate(-50%)}.ocean-rays:before,.ocean-rays:after{content:"";filter:blur(20px);background:linear-gradient(#ffffff1f,#fff0);width:180px;height:100%;position:absolute;top:0}.ocean-rays:before{left:20%;transform:rotate(12deg)}.ocean-rays:after{right:20%;transform:rotate(-12deg)}.particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.particle{pointer-events:none;background:#ffffffa6;border-radius:50%;animation-name:floatParticle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;box-shadow:0 0 6px #ffffff59}@keyframes floatParticle{0%{transform:translateY(20px)}50%{transform:translate3d(calc(var(--drift) / 2), -20px, 0)}to{transform:translate3d(var(--drift), -60px, 0)}}.animal-emoji{filter:drop-shadow(0 8px 12px #044881b5);margin:10px 0 15px;font-size:110px;display:inline-block}.countdown-label{opacity:.8;margin-bottom:30px;font-size:20px}.countdown{text-shadow:0 0 30px #fff6;font-size:100px;font-weight:800}.loading-screen{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.loading-screen h2{margin-bottom:10px;font-size:32px}.loading-screen p{opacity:.7;font-size:18px}.loading-emoji{margin-bottom:20px;font-size:80px}.animal-glow{filter:blur(25px);background:#7dd3fc40;border-radius:50%;width:150px;height:150px;position:absolute}.animal-reveal .animal-emoji{z-index:2;filter:drop-shadow(0 10px 15px #001e3c4d);margin:0;font-size:110px;position:relative}.reveal-ripple{pointer-events:none;border:2px solid #7dd3fc99;border-radius:50%;width:130px;height:45px;position:absolute;transform:rotateX(65deg);box-shadow:0 0 15px #7dd3fc40}.ripple-one{z-index:1}.ripple-two{width:155px;height:55px}.ripple-three{width:180px;height:65px}.reveal-bubbles{pointer-events:none;z-index:2;position:absolute;inset:0}.reveal-bubble{background:#bae6fd8c;border:1px solid #ffffffb3;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:inset 1px 1px 3px #fffc,0 0 8px #7dd3fc80}.home-eyebrow{text-transform:uppercase;letter-spacing:2px;opacity:.7;margin-bottom:12px;font-size:14px}.home-description{max-width:450px;margin-left:auto;margin-right:auto;line-height:1.6}.animal-image{object-fit:contain;z-index:2;filter:drop-shadow(0 10px 15px #001e3c4d);width:200px;height:200px;margin:0;display:block;position:relative}.almost-image{object-fit:contain;filter:drop-shadow(0 6px 10px #001e3c40);width:100px;height:100px;margin:0 auto 10px;display:block}.compatibility-image{object-fit:contain;filter:drop-shadow(0 5px 8px #001e3c40);width:75px;height:75px;margin:0 auto 5px;display:block}.opposite-animal{flex-direction:column;align-items:center;gap:5px;display:flex}.animal-reveal{justify-content:center;align-items:center;width:250px;height:250px;margin:0 auto 15px;display:flex;position:relative}.result-page .result-card{transition:border-color .5s,box-shadow .5s}.result-page{position:relative;overflow:hidden}.result-page.result-octopus .result-card{border:2px solid #a78bfacc;box-shadow:0 0 12px #a78bfa99,0 0 30px #a78bfa4d,0 20px 60px #0014284d}.result-page.result-dolphin .result-card{border:2px solid #38bdf8cc;box-shadow:0 0 12px #38bdf899,0 0 30px #38bdf84d,0 20px 60px #0014284d}.result-page.result-whale .result-card{border:2px solid #3b82f6cc;box-shadow:0 0 12px #3b82f699,0 0 30px #3b82f64d,0 20px 60px #0014284d}.result-page.result-turtle .result-card{border:2px solid #22c55ebf;box-shadow:0 0 12px #22c55e8c,0 0 30px #22c55e40,0 20px 60px #0014284d}.result-page.result-shark .result-card{border:2px solid #60a5fad9;box-shadow:0 0 12px #60a5faa6,0 0 30px #60a5fa4d,0 20px 60px #0014284d}.result-page.result-orca .result-card{border:2px solid #0e7490d9;box-shadow:0 0 12px #0e7490a6,0 0 30px #0e74904d,0 20px 60px #0014284d}.result-page.result-manta .result-card{border:2px solid #2dd4bfcc;box-shadow:0 0 12px #2dd4bf99,0 0 30px #2dd4bf4d,0 20px 60px #0014284d}.result-page.result-jellyfish .result-card{border:2px solid #d946efcc;box-shadow:0 0 12px #d946ef99,0 0 30px #d946ef4d,0 20px 60px #0014284d}.result-page.result-seahorse .result-card{border:2px solid #f472b6cc;box-shadow:0 0 12px #f472b699,0 0 30px #f472b64d,0 20px 60px #0014284d}.result-page.result-clownfish .result-card{border:2px solid #fb923cd9;box-shadow:0 0 12px #fb923ca6,0 0 30px #fb923c4d,0 20px 60px #0014284d}.result-page.result-penguin .result-card{border:2px solid #7dd3fccc;box-shadow:0 0 12px #7dd3fc99,0 0 30px #7dd3fc4d,0 20px 60px #0014284d}.result-page.result-otter .result-card{border:2px solid #fbbf24cc;box-shadow:0 0 12px #fbbf2499,0 0 30px #fbbf244d,0 20px 60px #0014284d}.result-page.result-squid .result-card{border:2px solid #8b5cf6cc;box-shadow:0 0 12px #8b5cf699,0 0 30px #8b5cf64d,0 20px 60px #0014284d}.result-page.result-crab .result-card{border:2px solid #ef4444cc;box-shadow:0 0 12px #ef444499,0 0 30px #ef44444d,0 20px 60px #0014284d}.result-page.result-starfish .result-card{border:2px solid #fb923ccc;box-shadow:0 0 12px #fb923c99,0 0 30px #fb923c4d,0 20px 60px #0014284d}.result-page.result-nautilus .result-card{border:2px solid #0ea5e9cc;box-shadow:0 0 12px #0ea5e999,0 0 30px #0ea5e94d,0 20px 60px #0014284d}.result-page.result-lobster .result-card{border:2px solid #f87171d9;box-shadow:0 0 12px #f87171a6,0 0 30px #f871714d,0 20px 60px #0014284d}.result-page.result-angelfish .result-card{border:2px solid #f472b6cc;box-shadow:0 0 12px #f472b699,0 0 30px #f472b64d,0 20px 60px #0014284d}.result-page.result-manatee .result-card{border:2px solid #2dd4bfcc;box-shadow:0 0 12px #2dd4bf99,0 0 30px #2dd4bf4d,0 20px 60px #0014284d}.result-page.result-coral .result-card{border:2px solid #fb7185d9;box-shadow:0 0 12px #fb7185a6,0 0 30px #fb71854d,0 20px 60px #0014284d}.result-page:before{width:280px;height:280px;top:15%;left:3%}.result-page:after{width:300px;height:300px;bottom:12%;right:3%}.animal-feature{pointer-events:none;z-index:4;position:absolute}.dolphin-feature{width:180px;height:300px;top:25%;left:-20px}.dolphin-bubble{background:#dbeafe2e;border:1px solid #e0f2fef2;border-radius:50%;position:absolute;box-shadow:inset 1px 1px 4px #ffffffe6,0 0 12px #93c5fdcc,0 0 22px #f472b64d}.octopus-feature{width:220px;height:400px;top:20%;left:-80px}.ink-wisp{filter:blur(18px);opacity:.5;border-radius:50%;animation:6s ease-in-out infinite inkFloat;position:absolute}.ink-one{background:#a855f759;width:120px;height:220px;top:30px;left:20px}.ink-two{background:#ec48994d;width:90px;height:180px;animation-delay:1.5s;top:150px;left:80px}.ink-three{background:#6366f159;width:70px;height:150px;animation-delay:3s;top:230px;left:0}@keyframes inkFloat{0%,to{opacity:.25;transform:translateY(15px)scale(.9)}50%{opacity:.6;transform:translateY(-20px)scale(1.1)}}.jellyfish-feature{width:180px;height:400px;top:20%;right:-70px}.jelly-glow{filter:blur(10px);background:#f472b659;border-radius:50%;width:35px;height:80px;animation:5s ease-in-out infinite jellyFloat;position:absolute;box-shadow:0 0 20px #d946efb3}.jelly-one{top:40px;right:30px}.jelly-two{animation-delay:1.5s;top:180px;right:90px}.jelly-three{animation-delay:3s;top:300px;right:10px}@keyframes jellyFloat{0%,to{opacity:.3;transform:translateY(15px)}50%{opacity:.8;transform:translateY(-25px)}}.manta-feature{width:260px;height:300px;top:25%;right:-40px}.current-line{filter:blur(1px);border-top:2px solid #99f6e473;border-radius:50%;width:230px;height:80px;animation:5s ease-in-out infinite currentFlow;position:absolute}.current-one{top:20px;transform:rotate(-8deg)}.current-two{animation-delay:1.2s;top:100px;right:-20px;transform:rotate(6deg)}.current-three{animation-delay:2.4s;top:180px;right:10px;transform:rotate(-5deg)}@keyframes currentFlow{0%,to{opacity:.15;transform:translate(20px)rotate(-5deg)}50%{opacity:.7;transform:translate(-20px)rotate(5deg)}}.shark-feature{width:220px;height:300px;top:30%;left:-30px}.shark-streak{background:#93c5fd80;width:160px;height:2px;animation:2.5s ease-in-out infinite sharkMove;position:absolute;transform:rotate(-12deg);box-shadow:0 0 10px #60a5fa80}.streak-one{top:60px}.streak-two{animation-delay:.7s;top:140px;left:30px}.streak-three{animation-delay:1.4s;top:220px;left:10px}@keyframes sharkMove{0%,to{opacity:0;transform:translate(-30px)rotate(-12deg)}50%{opacity:.7;transform:translate(30px)rotate(-12deg)}}.seahorse-feature{width:180px;height:400px;top:15%;right:-20px}.seahorse-spark{background:#f9a8d4;border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite sparkle;position:absolute;box-shadow:0 0 8px #f472b6,0 0 18px #a78bfa99}.seahorse-spark:nth-child(2){animation-delay:.5s}.seahorse-spark:nth-child(3){animation-delay:1s}.seahorse-spark:nth-child(4){animation-delay:1.5s}@keyframes sparkle{0%,to{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.5)}}.whale-feature{width:160px;height:400px;top:20%;left:-20px}.whale-particle{background:#7dd3fc80;border-radius:50%;animation:7s ease-in-out infinite whaleDrift;position:absolute;box-shadow:0 0 15px #3b82f680}.whale-one{width:9px;height:9px;top:80px;left:50px}.whale-two{width:5px;height:5px;animation-delay:2s;top:200px;left:100px}.whale-three{width:7px;height:7px;animation-delay:4s;top:300px;left:30px}@keyframes whaleDrift{0%,to{opacity:.2;transform:translateY(20px)}50%{opacity:.8;transform:translateY(-30px)}}.clownfish-feature{width:160px;height:400px;top:20%;right:-20px}.reef-dot{background:#fb923c8c;border-radius:50%;width:12px;height:12px;animation:4s ease-in-out infinite reefFloat;position:absolute;box-shadow:0 0 14px #fbbf2480}.reef-one{top:70px;left:30px}.reef-two{animation-delay:1s;top:150px;left:100px}.reef-three{animation-delay:2s;top:240px;left:50px}.reef-four{animation-delay:3s;top:320px;left:120px}@keyframes reefFloat{0%,to{transform:translateY(10px)}50%{transform:translateY(-15px)}}.turtle-feature{width:180px;height:300px;bottom:5%;left:-30px}.seaweed{filter:blur(2px);transform-origin:bottom;background:#4ade804d;border-radius:50%;width:10px;height:150px;animation:4s ease-in-out infinite seaweedMove;position:absolute;bottom:0}.seaweed-one{left:30px}.seaweed-two{height:190px;animation-delay:1s;left:80px}.seaweed-three{height:130px;animation-delay:2s;left:130px}@keyframes seaweedMove{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}.orca-feature{width:250px;height:300px;top:25%;right:-40px}.orca-wave{filter:blur(1px);border-top:3px solid #67e8f966;border-radius:50%;width:240px;height:70px;animation:5s ease-in-out infinite orcaFlow;position:absolute}.orca-wave-one{top:40px}.orca-wave-two{animation-delay:1.3s;top:120px}.orca-wave-three{animation-delay:2.6s;top:200px}@keyframes orcaFlow{0%,to{opacity:.1;transform:translate(25px)scaleX(.85)}50%{opacity:.65;transform:translate(-20px)scaleX(1.1)}}.penguin-feature{width:180px;height:450px;top:10%;left:-20px}.ice-particle{background:#e0f2fed9;border-radius:50%;width:5px;height:5px;animation:5s linear infinite fallingIce;position:absolute;box-shadow:0 0 10px #bae6fdb3}@keyframes fallingIce{0%{opacity:0;transform:translateY(-20px)}20%{opacity:.8}to{opacity:0;transform:translateY(100px)}}.otter-feature{width:180px;height:300px;top:30%;right:-20px}.otter-bubble{background:#fde68a14;border:1px solid #fef08ab3;border-radius:50%;animation:4s ease-in-out infinite otterBubble;position:absolute;box-shadow:0 0 12px #fbbf2473}.otter-one{width:14px;height:14px;bottom:20px;left:30px}.otter-two{width:9px;height:9px;animation-delay:1s;bottom:50px;left:80px}.otter-three{width:18px;height:18px;animation-delay:2s;bottom:10px;left:120px}.otter-four{width:7px;height:7px;animation-delay:3s;bottom:80px;left:150px}@keyframes otterBubble{0%{opacity:0;transform:translateY(20px)scale(.7)}40%{opacity:.8}to{opacity:0;transform:translateY(-120px)scale(1.1)}}.squid-feature{width:220px;height:400px;top:20%;left:-50px}.squid-tendril{filter:blur(2px);transform-origin:top;background:linear-gradient(#a78bfa0d,#8b5cf6b3);border-radius:50%;width:5px;height:220px;animation:4s ease-in-out infinite squidFloat;position:absolute}.squid-one{left:40px}.squid-two{height:270px;animation-delay:1s;left:100px}.squid-three{height:190px;animation-delay:2s;left:160px}@keyframes squidFloat{0%,to{opacity:.25;transform:rotate(-8deg)scaleY(.9)}50%{opacity:.8;transform:rotate(8deg)scaleY(1.05)}}.crab-feature{width:180px;height:250px;bottom:10%;left:-20px}.sand-particle{background:#fed7aab3;border-radius:50%;animation:4s ease-in-out infinite sandDrift;position:absolute;box-shadow:0 0 8px #fb923c59}.sand-one{width:5px;height:5px;bottom:50px;left:20px}.sand-two{width:8px;height:8px;animation-delay:.7s;bottom:80px;left:70px}.sand-three{width:4px;height:4px;animation-delay:1.4s;bottom:30px;left:120px}.sand-four{width:6px;height:6px;animation-delay:2s;bottom:100px;left:150px}.sand-five{width:4px;height:4px;animation-delay:2.5s;bottom:130px;left:45px}@keyframes sandDrift{0%,to{opacity:.2;transform:translate(0)}50%{opacity:.75;transform:translate(20px,-15px)}}.starfish-feature{width:180px;height:350px;top:20%;right:-30px}.star-spark{color:#fdba74cc;text-shadow:0 0 8px #fb923ccc,0 0 20px #facc1580;font-size:24px;animation:3s ease-in-out infinite starTwinkle;position:absolute}.star-one{top:50px;left:30px}.star-two{animation-delay:1s;top:160px;right:30px}.star-three{animation-delay:2s;top:280px;left:70px}@keyframes starTwinkle{0%,to{opacity:.2;transform:scale(.7)rotate(0)}50%{opacity:1;transform:scale(1.25)rotate(20deg)}}.nautilus-feature{width:220px;height:300px;top:25%;left:-40px}.nautilus-ring{border:2px solid #7dd3fc73;border-radius:50%;animation:5s ease-in-out infinite nautilusPulse;position:absolute;box-shadow:0 0 15px #0ea5e959}.ring-one{width:80px;height:80px;top:40px;left:30px}.ring-two{width:130px;height:130px;animation-delay:1s;top:15px;left:5px}.ring-three{width:180px;height:180px;animation-delay:2s;top:-10px;left:-20px}@keyframes nautilusPulse{0%,to{opacity:.2;transform:scale(.9)}50%{opacity:.7;transform:scale(1.05)}}.lobster-feature{width:180px;height:400px;top:20%;right:-20px}.lobster-glow{background:#f8717180;border-radius:50%;width:25px;height:25px;animation:3s ease-in-out infinite lobsterGlow;position:absolute;box-shadow:0 0 15px #ef4444cc,0 0 30px #f8717166}.lobster-one{top:60px;left:30px}.lobster-two{animation-delay:1s;top:190px;left:100px}.lobster-three{animation-delay:2s;top:310px;left:50px}@keyframes lobsterGlow{0%,to{opacity:.2;transform:scale(.7)}50%{opacity:.8;transform:scale(1.2)}}.angelfish-feature{width:200px;height:420px;top:15%;right:-30px}.angel-ray{filter:blur(2px);background:linear-gradient(#f472b600,#f472b699,#818cf800);border-radius:50%;width:4px;height:260px;animation:5s ease-in-out infinite angelRay;position:absolute;transform:rotate(20deg)}.angel-one{left:30px}.angel-two{height:320px;animation-delay:1.5s;left:90px}.angel-three{animation-delay:3s;left:150px}@keyframes angelRay{0%,to{opacity:.15;transform:rotate(15deg)translateY(20px)}50%{opacity:.7;transform:rotate(25deg)translateY(-20px)}}.manatee-feature{width:180px;height:300px;top:30%;left:-30px}.manatee-bubble{border:1px solid #99f6e4a6;border-radius:50%;animation:7s ease-in-out infinite manateeBubble;position:absolute;box-shadow:0 0 10px #2dd4bf59}.manatee-one{width:12px;height:12px;bottom:30px;left:30px}.manatee-two{width:7px;height:7px;animation-delay:2s;bottom:70px;left:90px}.manatee-three{width:17px;height:17px;animation-delay:4s;bottom:10px;left:130px}@keyframes manateeBubble{0%{opacity:0;transform:translateY(20px)}30%{opacity:.6}to{opacity:0;transform:translateY(-140px)}}.coral-feature{width:200px;height:300px;bottom:5%;right:-30px}.coral-branch{filter:blur(1px);transform-origin:bottom;background:linear-gradient(#fb7185b3,#fb923c4d);border-radius:50% 50% 0 0;width:14px;animation:5s ease-in-out infinite coralSway;position:absolute;bottom:0}.coral-one{height:180px;left:20px}.coral-two{height:240px;animation-delay:1s;left:85px}.coral-three{height:140px;animation-delay:2s;left:145px}@keyframes coralSway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.result-page:before,.result-page:after{content:"";pointer-events:none;z-index:1;filter:blur(55px);border-radius:50%;position:absolute}.result-page:before{background:var(--world-glow-one);opacity:.7;width:320px;height:320px;top:8%;left:-80px}.result-page:after{background:var(--world-glow-two);opacity:.65;width:340px;height:340px;bottom:5%;right:-80px}.result-octopus{--world-glow-one:#a855f7cc;--world-glow-two:#ec4899b3}.result-dolphin{--world-glow-one:#38bdf8cc;--world-glow-two:#f472b699}.result-whale{--world-glow-one:#3b82f6cc;--world-glow-two:#7dd3fc99}.result-turtle{--world-glow-one:#22c55eb3;--world-glow-two:#4ade8099}.result-shark{--world-glow-one:#60a5fad9;--world-glow-two:#93c5fda6}.result-orca{--world-glow-one:#0e7490d9;--world-glow-two:#67e8f999}.result-manta{--world-glow-one:#2dd4bfcc;--world-glow-two:#99f6e4a6}.result-jellyfish{--world-glow-one:#d946efcc;--world-glow-two:#f472b6a6}.result-seahorse{--world-glow-one:#f472b6cc;--world-glow-two:#c4b5fdb3}.result-clownfish{--world-glow-one:#fb923ccc;--world-glow-two:#fbbf24a6}.result-penguin{--world-glow-one:#7dd3fccc;--world-glow-two:#e0f2fea6}.result-otter{--world-glow-one:#fbbf24cc;--world-glow-two:#fde68aa6}.result-squid{--world-glow-one:#8b5cf6d9;--world-glow-two:#a78bfaa6}.result-crab{--world-glow-one:#ef4444bf;--world-glow-two:#fed7aaa6}.result-starfish{--world-glow-one:#fb923ccc;--world-glow-two:#facc15a6}.result-nautilus{--world-glow-one:#0ea5e9cc;--world-glow-two:#2dd4bfa6}.result-lobster{--world-glow-one:#f87171cc;--world-glow-two:#f472b6a6}.result-angelfish{--world-glow-one:#f472b6cc;--world-glow-two:#818cf8a6}.result-manatee{--world-glow-one:#5eead4cc;--world-glow-two:#86efaca6}.result-coral{--world-glow-one:#fb7185d9;--world-glow-two:#fb923cbf}.world-asset{object-fit:contain;position:absolute}.animal-world{pointer-events:none;z-index:0;position:absolute;inset:0}.world-asset{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.8;filter:drop-shadow(0 8px 12px #001e3c40);z-index:1;position:absolute}.world-asset-1{width:180px;top:15%;left:2%}.world-asset-2{width:170px;top:25%;right:2%}.world-asset-3{width:160px;bottom:10%;left:4%}.world-asset-4{width:180px;bottom:8%;right:4%}.world-octopus .world-asset-1{width:190px;top:40%;left:-20px}.world-octopus .world-asset-3{width:800px;bottom:8%;left:-15px}.world-dolphin .world-asset-2{width:190px;top:70%;right:-25px}.world-whale .world-asset-2{width:210px;bottom:15%;right:-30px}.world-shark .world-asset-2{width:190px;top:35%;right:-25px}.world-manta .world-asset-1{width:220px;top:12%;left:-35px;transform:rotate(-8deg)}.world-manta .world-asset-2{width:220px;top:20%;right:-35px;transform:rotate(8deg)}.world-manta .world-asset-3{width:210px;bottom:12%;left:-30px;transform:rotate(6deg)}.world-manta .world-asset-4{width:210px;bottom:8%;right:-30px;transform:rotate(-6deg)}.world-seahorse .world-asset-1{width:150px;top:10%;right:-15px}.world-seahorse .world-asset-2{width:150px;top:35%;left:-15px}.world-clownfish .world-asset-2{width:180px;top:25%;right:-20px}.world-penguin .world-asset-1{width:170px;top:10%;left:-20px}.world-penguin .world-asset-2{width:170px;bottom:5%;right:-20px}.world-otter .world-asset-1{width:180px;top:15%;right:20px}.world-otter .world-asset-2{width:170px;top:38%;left:-20px}.world-squid .world-asset-1{width:190px;top:10%;left:-30px}.world-crab .world-asset-3{width:160px;bottom:2%;left:5%}.world-starfish .world-asset-1{width:150px;top:15%;right:-15px}.world-starfish .world-asset-2{width:150px;top:35%;left:-15px}.world-nautilus .world-asset-3{width:170px;bottom:8%;left:-15px}.world-lobster .world-asset-1{width:180px;top:80%;right:-20px}.world-lobster .world-asset-2{width:180px;top:35%;left:-20px}.world-lobster .world-asset-3{width:190px;bottom:8%;right:-5px}.world-angelfish .world-asset-1{width:180px;top:12%;right:-20px}.world-angelfish .world-asset-2{width:170px;top:65%;left:15px}.world-angelfish .world-asset-3{width:180px;bottom:10%;right:-15px}.world-manatee .world-asset-1{width:190px;top:18%;left:-20px}.world-coral .world-asset{z-index:2;pointer-events:none;position:absolute}.world-coral .world-asset-1{opacity:.95;width:190px;top:12%;left:-20px}.world-coral .world-asset-7{opacity:.75;width:140px;top:84%;left:8%}.world-coral .world-asset-8{opacity:.75;width:140px;top:90%;right:8%}.result-card{z-index:5;position:relative}.animal-world{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.world-glow{pointer-events:none;filter:blur(70px);opacity:.35;border-radius:50%;position:absolute}.world-glow-one{width:35vw;height:35vw;top:-10%;left:-10%}.world-glow-two{width:30vw;height:30vw;bottom:-10%;right:-10%}.world-light-ray{opacity:.08;filter:blur(4px);pointer-events:none;width:18vw;height:150%;position:absolute;top:-20%;transform:rotate(18deg)}.ray-one{left:10%}.ray-two{left:42%;transform:rotate(12deg)}.ray-three{right:5%;transform:rotate(-15deg)}.world-environment{pointer-events:none;position:absolute;inset:0}.environment-shape{opacity:.12;filter:blur(2px);border-radius:50%;position:absolute}.world-environment-left{bottom:0;left:0}.world-environment-right{bottom:0;right:0}.world-asset{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;animation:7s ease-in-out infinite worldFloat;display:block;position:absolute}.world-asset-2{animation-delay:-1.5s}.world-asset-3{animation-delay:-3s}.world-asset-4{animation-delay:-4.5s}.world-asset-5{animation-delay:-2s}.world-asset-6{animation-delay:-5s}.world-asset-7{animation-delay:-2.5s}.world-asset-8{animation-delay:-4s}@keyframes worldFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(1deg)}}.world-coral .world-asset-1{width:220px;bottom:0;left:20%}.world-coral .world-asset-2{width:180px;bottom:35px;right:9%}.world-coral .world-asset-3{width:240px;bottom:0;right:20px}.world-coral .world-asset-4{width:150px;bottom:8%;right:80%}.world-coral .world-asset-5{width:190px;bottom:-20px;left:85%}.world-coral .world-asset-6{width:160px;bottom:3%;right:50%}.world-coral .world-asset{z-index:1;object-fit:contain;position:absolute}.world-coral .world-asset-1{width:150px;top:8%;left:2%}.world-coral .world-asset-3{width:170px;top:35%;left:5%}.world-coral .world-asset-5{width:150px;top:63%;left:2%}.world-coral .world-asset-7{width:170px;bottom:3%;left:6%}.world-coral .world-asset-2{width:160px;top:20%;right:3%}.world-coral .world-asset-4{width:145px;top:47%;right:6%}.world-coral .world-asset-6{width:165px;top:72%;right:2%}.world-coral .world-asset-8{width:145px;bottom:2%;right:7%}.world-octopus .world-asset-1{width:600px;bottom:80%;left:4%}.world-octopus .world-asset-2{width:1200px;top:2%;right:-30%}.world-octopus .world-asset-3{width:450px;bottom:2%;right:3%}.world-octopus .world-asset-4{width:450px;bottom:2%;right:-2%}.world-dolphin .world-asset-1{width:600px;top:5%;left:2%}.world-dolphin .world-asset-2{width:700px;bottom:-5%;right:45%}.world-dolphin .world-asset-3{width:900px;bottom:25%;left:30%}.world-whale .world-asset-1{width:1350px;top:40%;left:-2%}.world-whale .world-asset-2{width:1200px;top:12%;right:1%}.world-turtle .world-asset-1{width:450px;top:5%;left:-1%}.world-turtle .world-asset-2{width:600px;top:40%;right:-6%}.world-turtle .world-asset-3{width:600px;bottom:2%;left:-6%}.world-shark .world-asset-1{width:600px;top:5%;left:-10%}.world-shark .world-asset-2{width:550px;bottom:25%;right:2%}.world-shark .world-asset-3{width:1200px;bottom:5%;left:15%}.world-orca .world-asset-1{width:300px;top:10%;left:-2%}.world-orca .world-asset-2{width:230px;top:25%;right:3%}.world-orca .world-asset-3{width:250px;bottom:-5%;left:30%}.world-orca .world-asset-4{width:180px;bottom:5%;right:20%}.world-manta .world-asset-1{width:300px;top:15%;left:-3%}.world-manta .world-asset-2{width:220px;top:8%;right:2%}.world-manta .world-asset-3{width:250px;bottom:0;left:30%}.world-manta .world-asset-4{width:180px;bottom:10%;right:20%}.world-jellyfish .world-asset-1{width:400px;top:8%;left:-2%}.world-jellyfish .world-asset-2{width:400px;top:35%;right:2%}.world-jellyfish .world-asset-3{width:500px;bottom:5%;left:3%}.world-seahorse .world-asset-1{width:180px;bottom:8%;left:5%}.world-seahorse .world-asset-2{width:150px;top:15%;right:8%}.world-seahorse .world-asset-3{width:170px;bottom:3%;right:25%}.world-clownfish .world-asset-1{width:220px;top:20%;left:2%}.world-clownfish .world-asset-2{width:180px;bottom:12%;right:5%}.world-clownfish .world-asset-3{width:200px;bottom:-5%;left:35%}.world-penguin .world-asset-1{width:900px;bottom:5%;left:-20%}.world-penguin .world-asset-2{width:800px;top:60%;right:-10%}.world-otter .world-asset-1{width:450px;top:75%;left:70%}.world-otter .world-asset-2{width:400px;top:7%;right:6%}.world-otter .world-asset-3{width:1200px;bottom:30%;right:25%}.world-squid .world-asset-1{width:600px;rotate:-20px;top:5%;left:-3%}.world-squid .world-asset-2{width:800px;top:30%;right:-15%}.world-squid .world-asset-3{width:600px;bottom:5%;left:0%}.world-crab .world-asset-1{width:190px;bottom:3%;left:4%}.world-crab .world-asset-2{width:160px;bottom:8%;right:7%}.world-crab .world-asset-3{width:200px;bottom:-5%;right:30%}.world-starfish .world-asset-1{width:450px;top:40%;left:70%}.world-starfish .world-asset-2{width:400px;top:10%;right:8%}.world-starfish .world-asset-3{width:350px;bottom:5%;right:10%}.world-nautilus .world-asset-1{width:620px;top:5%;left:-8%}.world-nautilus .world-asset-2{width:500px;top:35%;right:-2%}.world-nautilus .world-asset-3{width:400px;bottom:5%;right:15%}.world-lobster .world-asset-1{width:450px;top:40%;left:70%}.world-lobster .world-asset-2{width:400px;top:10%;right:10%}.world-lobster .world-asset-3{width:400px;bottom:5%;left:0%}.world-angelfish .world-asset-1{width:500px;top:5%;left:-2%}.world-angelfish .world-asset-2{width:300px;bottom:80%;right:10%}.world-angelfish .world-asset-3{width:500px;top:30%;left:70%}.world-manatee .world-asset-1{width:280px;bottom:5%;left:-2%}.world-manatee .world-asset-2{width:220px;top:15%;right:5%}@media (width<=768px){.world-asset{max-width:35vw}.world-coral .world-asset{max-width:30vw}.world-glow{filter:blur(50px)}.world-light-ray{width:25vw}}.result-content{z-index:10;position:relative}.world-coral .coral-blob-1{background:#ff8fa3;width:280px;height:280px;top:15%;left:-80px}.world-coral .coral-blob-2{background:#b99cff;width:240px;height:240px;top:5%;left:20%}.world-coral .coral-blob-3{background:#63e6e2;width:320px;height:320px;top:10%;right:15%}.world-coral .coral-blob-4{background:#ffb38a;width:260px;height:260px;top:35%;right:-70px}.world-coral .coral-blob-5{background:#ffe58a;width:220px;height:220px;bottom:5%;left:35%}.world-coral .coral-blob-6{background:#f59bd7;width:300px;height:300px;bottom:-100px;right:35%}.quiz-card{z-index:10;position:relative}.world-coral .coral-color-blobs{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.world-coral .coral-blob{filter:blur(70px);opacity:.35;border-radius:50%;position:absolute}.world-coral .world-environment{z-index:1}.world-coral .world-glow,.world-coral .world-light-ray{z-index:0}.world-coral .world-asset{z-index:5}.world-coral .coral-blob{z-index:2}.world-coral .world-asset{z-index:5;position:absolute}