@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@800&family=Poppins:wght@400;700&family=Orbitron:wght@500;700;900&family=Bangers&display=swap";html,body{margin:0;width:100%;height:100%;scroll-behavior:smooth}:root{--pastel-cyan: #86e3ce;--pastel-purple: #ccbcf5;--pastel-pink: #ffbed1;--pastel-blue: #b6d8f5;--pastel-yellow: #fffacd;--dark-pastel-cyan: #5db5a6;--dark-pastel-purple: #9c8dcc;--dark-pastel-pink: #d493a8;--dark-pastel-blue: #8bafd3;--dark-pastel-yellow: #e6daa0;--dark-slate: #1f2a37;--neon-glow: rgba(136, 242, 255, .3);--water-color: rgba(155, 219, 242, .7);--text-primary: #ffffff;--text-secondary: #ffffff}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden;overflow-y:auto}body{font-family:Poppins,sans-serif;font-size:16px;line-height:1.6;background-color:var(--dark-slate);color:var(--text-primary);margin:0;padding:0}.landing-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"logo" "content";min-height:100vh;width:100%;position:relative;overflow-x:hidden;overflow-y:auto}.landing-container:after{content:"";position:fixed;inset:0;width:100%;height:100%;background:linear-gradient(135deg,var(--pastel-purple),var(--pastel-cyan),var(--pastel-blue),var(--pastel-cyan));background-size:300% 300%;z-index:0;border-radius:40% 60% 60% 40%/60% 30% 70% 40%;animation:waterWave 15s ease infinite;opacity:.95;background-image:linear-gradient(135deg,var(--pastel-purple),var(--pastel-cyan),var(--pastel-blue),var(--pastel-purple)),repeating-linear-gradient(0deg,transparent,transparent 15px,rgba(255,255,255,.07) 15px,rgba(255,255,255,.07) 20px),repeating-linear-gradient(0deg,transparent,transparent 30px,rgba(0,0,0,.05) 30px,rgba(0,0,0,.05) 45px),repeating-linear-gradient(45deg,transparent,transparent 25px,rgba(255,255,255,.08) 25px,rgba(255,255,255,.08) 35px),repeating-linear-gradient(-45deg,transparent,transparent 30px,rgba(0,0,0,.04) 30px,rgba(0,0,0,.04) 40px),repeating-linear-gradient(90deg,transparent,transparent 50px,rgba(0,0,0,.07) 50px,rgba(0,0,0,.07) 80px,transparent 80px,transparent 120px),radial-gradient(ellipse at 50% 50%,#ffffff40,#ffffff1a,#fff0 50%),radial-gradient(circle at 25% 30%,#fff3,#ffffff0d,#fff0 40%),radial-gradient(circle at 75% 75%,#ffffff26,#ffffff0d,#fff0 40%),radial-gradient(circle at 85% 15%,#ffffff40,#fff0 15%),radial-gradient(circle at 10% 85%,#ffffff40,#fff0 15%),radial-gradient(ellipse at 50% 100%,#0000000d,#0000 70%);background-size:300% 300%,100% 100%,100% 100%,100% 100%,100% 100%,200% 200%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;animation:waterWave 8s ease infinite,waterLineFlow 6s linear infinite,waterCurrentFlow 10s ease-in-out infinite}@keyframes waterWave{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background-position:0% 50%,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}50%{border-radius:30% 60% 70% 40%/50% 60% 30%;background-position:100% 50%,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;background-position:0% 50%,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}}@keyframes waterLineFlow{0%{background-position:0 0,0px 0px,0px 0px,0px 0px,0px 0px,0 0,0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:0 0,0px 40px,0px -30px,40px 40px,-30px -30px,0 0,0 0,0 0,0 0,0 0,0 0,0 0}}@keyframes waterCurrentFlow{0%{background-position:0 0,0 0,0 0,0 0,0 0,0% 0%,0 0,0 0,0 0,0 0,0 0,0 0}50%{background-position:0 0,0 0,0 0,0 0,0 0,-100% 20%,0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:0 0,0 0,0 0,0 0,0 0,-200% 0%,0 0,0 0,0 0,0 0,0 0,0 0}}.landing-container:before{content:"";position:fixed;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,#fff0,#ffffff0d 20%,#ffffff1a,#ffffff0d 80%,#fff0),linear-gradient(180deg,#fff0,#ffffff08,#fff0,#ffffff08,#fff0);background-size:25px 25px,25px 25px,200% 100%,100% 200%;z-index:1;animation:flowPattern 15s linear infinite;opacity:.8;pointer-events:none}@keyframes flowPattern{0%{background-position:0 0,0 0,0% 0%,0% 0%}to{background-position:0 0,0 0,200% 0%,0% 200%}}.logo{grid-area:logo;justify-self:start;margin:2.5rem;font-family:Orbitron,sans-serif;font-weight:700;font-size:1.6rem;color:var(--text-primary);text-shadow:0 0 8px rgba(255,255,255,.3),0 0 15px var(--neon-glow),0 0 25px var(--neon-glow);z-index:10;letter-spacing:2.5px;position:relative}.content-wrapper{width:100%;max-width:1600px;margin:0 auto;padding:0 20px;position:relative;z-index:5;display:flex;justify-content:center;flex:1 0 auto}.content{grid-area:content;display:grid;grid-template-columns:minmax(250px,2fr) minmax(250px,1fr);grid-template-areas:"left right";align-items:center;z-index:5;width:100%;margin:0 auto;padding:0 2rem;position:relative;gap:3rem;overflow:visible}.left-content{grid-area:left;display:flex;flex-direction:column;gap:5rem;justify-content:space-around;align-items:flex-end;z-index:10;position:relative;width:100%;padding-right:5%;min-height:600px}.left-content figure:nth-child(1){position:absolute;top:-190px;right:-10%;margin-bottom:0;z-index:15}.left-content figure:nth-child(2){position:absolute;top:60px;left:25%;margin-top:0;padding-left:0;z-index:14}.left-content figure:nth-child(3){position:absolute;bottom:-170px;left:60%;margin-top:0;z-index:13}.secondary-image{width:38%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:90px;margin-left:80px;transition:transform .3s ease,z-index 0s;cursor:pointer;position:relative;transform-origin:center center}.secondary-image:hover{transform:scale(1.2);z-index:30!important}.card-container{position:relative;padding:20px;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;background:linear-gradient(135deg,var(--dark-pastel-pink),var(--dark-pastel-purple));overflow:visible;clip-path:polygon(0% 5%,15% 0%,85% 0%,100% 8%,98% 92%,90% 100%,10% 100%,0% 90%);will-change:transform,clip-path,box-shadow}.secondary-image:nth-child(1) .card-container{background:linear-gradient(135deg,var(--dark-pastel-cyan),var(--dark-pastel-blue));clip-path:polygon(5% 0%,95% 0%,100% 15%,92% 100%,8% 100%,0% 85%)}.secondary-image:nth-child(2) .card-container{background:linear-gradient(135deg,var(--dark-pastel-pink),var(--dark-pastel-yellow));clip-path:polygon(0% 10%,10% 0%,90% 0%,100% 10%,95% 90%,85% 100%,15% 100%,3% 92%)}.secondary-image:nth-child(3) .card-container{background:linear-gradient(135deg,var(--dark-pastel-blue),var(--dark-pastel-purple));clip-path:polygon(3% 0%,97% 0%,100% 8%,90% 100%,10% 100%,0% 8%)}.secondary-image:hover .card-container{box-shadow:0 0 20px #ffffff4d,0 0 40px #88f2ff33}.secondary-image img{max-width:100%;height:auto;object-fit:contain;border-radius:12px;transition:filter .3s ease;z-index:2}.secondary-image figcaption{margin-top:1.2rem;font-family:Bangers,cursive;font-size:1.2rem;color:var(--text-primary);text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:1px;transition:transform .3s ease,text-shadow .3s ease;z-index:3;position:relative}.secondary-image:hover figcaption{transform:scale(1.05);text-shadow:0 0 8px rgba(136,242,255,.7),0 0 15px rgba(155,219,242,.5)}.hero-image{grid-area:right;display:flex;justify-content:center;align-items:center;z-index:3}.hero-image:hover{transform:none}.hero-image img{max-width:67%;height:auto;object-fit:contain;border-radius:12px}.hero-text{grid-area:text;display:flex;flex-direction:column;justify-content:center;padding-left:0;z-index:3}.hero-text h1{font-family:Bangers,cursive;font-weight:400;font-size:clamp(3.5rem,8vw,6rem);color:var(--cartoon-yellow);line-height:1.1;margin-bottom:1rem;letter-spacing:1px;text-shadow:3px 3px 0 var(--cartoon-border),-1px -1px 0 var(--cartoon-border),1px -1px 0 var(--cartoon-border),-1px 1px 0 var(--cartoon-border),1px 1px 0 var(--cartoon-border),0 0 10px rgba(255,234,97,.6)}.hero-text p{font-weight:400;font-size:clamp(1.1rem,1.8vw,1.4rem);color:var(--text-secondary);max-width:550px;text-shadow:1px 1px 3px rgba(0,0,0,.6);line-height:1.7;margin-bottom:2rem}@media (max-width: 1200px){.content-wrapper{padding:0 15px}.content{gap:1.5rem;padding:0 1rem}.left-content figure:nth-child(1){right:-15%;top:-90px}.left-content figure:nth-child(2){top:80px;left:45%}}@media (max-width: 992px){.content{grid-template-columns:1fr;grid-template-areas:"left" "right";grid-template-rows:auto auto;gap:2rem;padding-top:1rem}.left-content{min-height:750px;align-items:center;padding-right:0;margin-top:0}.left-content figure:nth-child(1){top:-80px;right:auto;left:5%}.left-content figure:nth-child(2){top:200px;left:55%}.left-content figure:nth-child(3){bottom:0;left:25%}.secondary-image{width:45%;max-width:300px}.card-container{padding:15px}.secondary-image:hover{transform:scale(1.1)}}@media (max-width: 768px){.logo{margin:1.5rem;font-size:1.4rem}.content{padding:1rem}.left-content{min-height:600px;padding-bottom:2rem}.secondary-image figcaption{font-size:1rem}.secondary-image{width:60%}}@media (max-width: 480px){.logo{margin:1.5rem;font-size:1.4rem;letter-spacing:2px}.content{padding:1rem}.content-wrapper{padding:0}.left-content{min-height:850px;padding:1rem 0;gap:3rem}.left-content figure:nth-child(1){top:0;left:25%;position:absolute}.left-content figure:nth-child(2){top:280px;left:25%;position:absolute}.left-content figure:nth-child(3){top:560px;left:25%;position:absolute}.secondary-image{width:75%}.card-container{padding:12px}}