body,html{margin:0;padding:0;font-family:Bangers,cursive;color:#fff;overflow-x:hidden;overflow-y:hidden;background:#000;height:100%}#sketch-holder{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background:transparent}#landing-page{display:flex;justify-content:center;align-items:center;height:100vh;background:rgba(0,0,0,.7);transition:background .5s ease-out;perspective:1000px}#landing-page h1{font-size:5vw;color:#d5fa1b;text-shadow:0 0 10px #d5fa1b;cursor:pointer;transition:all .5s ease-out;transform-style:preserve-3d;text-align:center;padding:0 20px}#landing-page h1.animate-out{animation:blurFadeOut .5s ease-out forwards}@keyframes blurFadeOut{0%{opacity:1;filter:blur(0px);transform:translateZ(0) scale(1)}to{opacity:0;filter:blur(20px);transform:translateZ(1000px) scale(1.5)}}#portfolio{display:none;opacity:0;transition:opacity .5s ease-in-out}#portfolio.visible{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;opacity:1;padding:20px;box-sizing:border-box;position:relative;z-index:5}nav{position:fixed;top:20px;left:0;right:0;text-align:center;z-index:10}nav ul{list-style-type:none;padding:0;margin:0;display:flex;justify-content:center;flex-wrap:wrap}nav li{margin:0 10px}nav a{color:#d5fa1b;text-decoration:none;font-size:1.2em;transition:text-shadow .3s ease;padding:5px 10px}nav a:hover{text-shadow:0 0 10px #d5fa1b}.content{padding:20px;max-width:800px;width:100%;margin:60px auto 0;text-align:center;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 80px);position:relative;z-index:5}h2{color:#d5fa1b;font-size:3em;text-align:center;margin-bottom:30px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px #d5fa1b}#about h2{position:relative;animation:none;top:0}.nav-arrow{display:none}@keyframes ship-spin{0%{transform:rotateX(0)}to{transform:rotateX(360deg)}}.nav-arrow .nav-tail{position:absolute;left:50%;top:24px;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:14px solid #ff8a00;filter:drop-shadow(0 0 6px rgba(255,138,0,.8))}.nav-arrow .nav-tail:after{content:"";position:absolute;left:50%;top:-14px;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:12px solid #000}.nav-arrow .nav-head{position:absolute;left:50%;top:6px;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:18px solid #d5fa1b;filter:drop-shadow(0 0 6px rgba(213,250,27,.8))}.nav-arrow .nav-boost{position:absolute;right:20px;bottom:10px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:12px solid #ff8a00;opacity:0}.nav-arrow.firing .nav-head{animation:arrow-turn-left .22s ease-out forwards}.nav-arrow.firing .nav-tail{animation:tail-flare .22s ease-out forwards}.nav-arrow.firing .nav-boost{animation:boost-pop .12s ease-out forwards,boost-fade .26s ease-out .12s forwards}@keyframes arrow-turn-left{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(-90deg)}}@keyframes tail-flare{0%{transform:translateY(0) scale(1);opacity:.9}60%{transform:translateY(6px) scale(1.15);opacity:1}to{transform:translateY(12px) scale(.8);opacity:0}}@keyframes boost-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes boost-fade{0%{opacity:1}to{opacity:0}}#about.shoot-left{animation:shootLeft .36s cubic-bezier(.2,.8,.2,1) forwards}@keyframes shootLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-120%);opacity:0}}#about h2:before,#about h2:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;height:100%}#about h2:before{left:0;text-shadow:-5px -1px #ff00f0,-3px 0 #ff00c1;clip:rect(44px,450px,56px,0);will-change:transform,clip,text-shadow;filter:brightness(1.3) contrast(1.85) saturate(2) drop-shadow(0 0 3px rgba(255,0,200,.7));mix-blend-mode:screen;pointer-events:none;background-image:repeating-linear-gradient(transparent 0 2px,rgba(255,255,255,.08) 2px 3px);background-size:100% 3px;animation:glitch-anim 1.7s steps(30) infinite,glitch-shift 1.2s steps(18) infinite,glitch-flicker 2.3s steps(40) infinite,glitch-slice-1 1.3s steps(20) infinite alternate,glitch-scan 1.4s steps(28) infinite,glitch-burst 7.2s cubic-bezier(.3,.7,.4,1) infinite,glitch-chroma 1.1s steps(16) infinite,glitch-tilt 3.8s ease-in-out infinite alternate,glitch-rgb-smear 7.2s steps(1) infinite}#about h2:after{left:0;text-shadow:5px 1px #00fff9,3px 0 #00e5ff;will-change:transform,clip,text-shadow;filter:brightness(1.35) contrast(1.9) saturate(2.1) drop-shadow(0 0 3px rgba(0,255,249,.7));mix-blend-mode:screen;pointer-events:none;background-image:repeating-linear-gradient(transparent 0 2px,rgba(255,255,255,.06) 2px 3px);background-size:100% 3px;animation:glitch-anim2 .45s steps(36) infinite,glitch-shift .75s steps(24) infinite,glitch-flicker 2.1s steps(38) infinite reverse,glitch-slice-2 1.1s steps(22) infinite alternate-reverse,glitch-scan 1.2s steps(30) infinite reverse,glitch-burst 6.6s cubic-bezier(.3,.7,.4,1) infinite reverse,glitch-chroma .95s steps(18) infinite reverse,glitch-tilt 3.2s ease-in-out infinite alternate-reverse,glitch-rgb-smear 6.6s steps(1) infinite reverse}@keyframes glitch-rgb-smear{87%{text-shadow:-1px 0 rgba(255,0,240,1),-2px 0 rgba(255,0,240,.9),-3px 0 rgba(255,0,240,.75),-4px 0 rgba(255,0,240,.6),-6px 0 rgba(255,0,240,.45),-8px 0 rgba(255,0,240,.3)}89%{text-shadow:1px 0 rgba(0,255,249,1),2px 0 rgba(0,255,249,.9),3px 0 rgba(0,255,249,.75),4px 0 rgba(0,255,249,.6),6px 0 rgba(0,255,249,.45),8px 0 rgba(0,255,249,.3)}91%{text-shadow:-2px 0 rgba(255,0,240,.8),-4px 0 rgba(255,0,240,.55),2px 0 rgba(0,255,249,.8),4px 0 rgba(0,255,249,.55)}}@keyframes glitch-shift{0%{transform:translate(0)}20%{transform:translate(-1px,1px) skew(.25deg)}40%{transform:translate(1px,-1px) skew(-.25deg)}60%{transform:translate(-2px,.5px) skew(.35deg)}80%{transform:translate(2px,-1px) skew(-.35deg)}to{transform:translate(0)}}@keyframes glitch-flicker{0%{opacity:1}10%{opacity:.88}20%{opacity:1}30%{opacity:.9}40%{opacity:1}50%{opacity:.86}60%{opacity:1}70%{opacity:.92}80%{opacity:1}90%{opacity:.9}to{opacity:1}}@keyframes glitch-scan{0%{background-position-y:0}to{background-position-y:3px}}@keyframes glitch-slice-1{0%{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(2% 0 65% 0);transform:translate(-1px,.5px) skew(.2deg)}40%{clip-path:inset(40% 0 40% 0);transform:translate(1px,-.5px) skew(-.2deg)}60%{clip-path:inset(70% 0 5% 0);transform:translate(-2px,.5px) skew(.3deg)}80%{clip-path:inset(15% 0 60% 0);transform:translate(2px,-.5px) skew(-.3deg)}to{clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes glitch-slice-2{0%{clip-path:inset(0 0 0 0);transform:translate(0)}20%{clip-path:inset(65% 0 2% 0);transform:translate(1px,-.5px) skew(-.2deg)}40%{clip-path:inset(35% 0 35% 0);transform:translate(-1px,.5px) skew(.2deg)}60%{clip-path:inset(5% 0 70% 0);transform:translate(2px,-.5px) skew(-.3deg)}80%{clip-path:inset(60% 0 15% 0);transform:translate(-2px,.5px) skew(.3deg)}to{clip-path:inset(0 0 0 0);transform:translate(0)}}@keyframes glitch-burst{0%,86%{transform:translate(0) skew(0) scale(1)}87%{transform:translate(-8px,3px) skew(.8deg) scale(1.01)}88%{transform:translate(6px,-4px) skew(-.7deg) scale(1.02)}89%{transform:perspective(420px) rotateX(6deg) rotateY(-4deg) translate(2px,-2px)}90%{transform:translate(-10px,1px) skew(1deg) scale(1.005)}91%{transform:translate(4px,-2px) skew(-.6deg) scale(1)}92%,to{transform:translate(0) skew(0) scale(1)}}@keyframes glitch-chroma{0%{text-shadow:-5px -1px #ff00f0,-3px 0 #ff00c1,0 0 #00fff9}20%{text-shadow:-4px 0 #ff00f0,-2px -1px #ff00c1,4px 0 #00fff9}40%{text-shadow:-6px 1px #ff00f0,-3px 1px #ff00c1,5px -1px #00e5ff}60%{text-shadow:-3px -2px #ff00f0,-1px 0 #ff00c1,6px 1px #00fff9}80%{text-shadow:-7px 0 #ff00f0,-4px -1px #ff00c1,3px -2px #00e5ff}to{text-shadow:-5px -1px #ff00f0,-3px 0 #ff00c1,0 0 #00fff9}}@keyframes glitch-tilt{0%{transform:translate(0) perspective(400px) rotateX(0) rotateY(0)}25%{transform:translate(-.5px,.5px) perspective(400px) rotateX(1deg) rotateY(-1deg)}50%{transform:translate(.5px,-.5px) perspective(400px) rotateX(-1deg) rotateY(1deg)}75%{transform:translate(-.5px,-.5px) perspective(400px) rotateX(1.2deg) rotateY(.8deg)}to{transform:translate(0) perspective(400px) rotateX(0) rotateY(0)}}@media (max-width: 767px){#landing-page h1{text-shadow:0 0 2px #d5fa1b;font-size:clamp(28px,9vw,52px)}#about h2{text-shadow:none;top:0}#about .about-content{margin-top:0;padding-top:max(8px,env(safe-area-inset-top))}#about h2:before,#about h2:after{mix-blend-mode:normal;filter:none;background-image:none;clip:auto}#about h2:before{text-shadow:-4px 0 #ff00f0,-2px 0 #ff00c1;animation:glitch-anim 1.35s steps(26) infinite,glitch-slice-1 1.05s steps(20) infinite alternate,glitch-shift .9s steps(22) infinite,glitch-scan 1.4s steps(24) infinite,glitch-tilt 3s ease-in-out infinite alternate}#about h2:after{text-shadow:4px 0 #00fff9,2px 0 #00e5ff;animation:glitch-anim2 1.15s steps(28) infinite reverse,glitch-slice-2 .95s steps(22) infinite alternate-reverse,glitch-shift .8s steps(20) infinite reverse,glitch-scan 1.2s steps(26) infinite reverse,glitch-tilt 2.8s ease-in-out infinite alternate-reverse}}@keyframes glitch-lite-a{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-2px,-1px)}to{transform:translate(0)}}@keyframes glitch-lite-b{0%{transform:translate(0)}25%{transform:translate(2px,-1px)}50%{transform:translate(-2px,1px)}75%{transform:translate(2px,1px)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){#about h2:before,#about h2:after{animation:none!important;opacity:.8}}@media (hover: none) and (pointer: coarse){#about h2:before,#about h2:after{filter:none;mix-blend-mode:normal;background-image:none}#about h2:before{text-shadow:-4px 0 #ff00c1;animation:glitch-anim 1.3s steps(24) infinite,glitch-slice-1 1s steps(18) infinite alternate,glitch-shift .85s steps(18) infinite,glitch-scan 1.3s steps(22) infinite}#about h2:after{text-shadow:4px 0 #00fff9;animation:glitch-anim2 1.1s steps(26) infinite reverse,glitch-slice-2 .9s steps(20) infinite alternate-reverse,glitch-shift .8s steps(18) infinite reverse,glitch-scan 1.2s steps(24) infinite reverse}}@keyframes glitch-anim{0%{clip:rect(54px,9999px,56px,0)}5%{clip:rect(99px,9999px,76px,0)}10%{clip:rect(23px,9999px,44px,0)}95%{clip:rect(87px,9999px,32px,0)}to{clip:rect(12px,9999px,65px,0)}}@keyframes glitch-anim2{0%{clip:rect(76px,9999px,34px,0)}5%{clip:rect(12px,9999px,87px,0)}10%{clip:rect(65px,9999px,23px,0)}95%{clip:rect(54px,9999px,98px,0)}to{clip:rect(32px,9999px,10px,0)}}.hidden{display:none!important}#loading-text{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2em;color:#d5fa1b}.about-content{font-size:1.2em;line-height:1.6;max-width:100%;margin:0 auto}@media (min-width: 768px){#about .about-content{margin-top:0}}.contact-form{display:flex;flex-direction:column;gap:20px;max-width:500px;width:100%;margin:30px auto;padding:20px;font-family:Bangers,cursive}.contact-form input,.contact-form textarea{padding:15px;font-size:1em;background-color:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:5px;transition:border .3s ease;width:100%;box-sizing:border-box;font-family:Bangers,cursive;margin:0;position:relative}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:transparent}.contact-form input,.contact-form textarea{position:relative}.contact-form input:after,.contact-form textarea:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:transparent;border-radius:5px;pointer-events:none;z-index:1}.contact-form input:focus:after,.contact-form textarea:focus:after{background:linear-gradient(90deg,transparent,#d5fa1b,transparent);background-size:200% 100%;animation:comet 2s linear infinite}@keyframes comet{0%{background-position:200% 0}to{background-position:-200% 0}}.contact-form textarea{height:150px;resize:vertical}.contact-form button{padding:15px 25px;font-size:1.2em;background-color:#d5fa1b;color:#000;border:0 solid;box-shadow:inset 0 0 20px #fff0;outline:1px solid;outline-color:#ffffff80;outline-offset:0px;text-shadow:none;transition:all .3s cubic-bezier(.19,1,.22,1);border-radius:5px;cursor:pointer;transform:skew(-10deg);margin:20px auto 0;position:relative;overflow:hidden;font-family:Bangers,cursive}.contact-form button:hover{border:1px solid;box-shadow:inset 0 0 20px #ffffff80,0 0 20px #fff3;outline-color:#fff0;outline-offset:15px;text-shadow:1px 1px 2px #427388;transform:skew(-10deg) scale(1.05)}.contact-form button:active{transform:skew(-10deg) scale(1)}.contact-form button span{position:relative;z-index:1}.genai-chat-container{max-width:900px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:28px;padding:50px 24px;box-sizing:border-box}.input-wrapper{width:100%;max-width:650px;position:relative;display:flex;align-items:center;justify-content:center}.chat-window-wrapper{width:95%;max-width:1100px;position:relative;display:none;border-radius:20px;overflow:hidden}.chat-window-wrapper.visible{display:block}@media (max-width: 768px){.input-wrapper,.chat-window-wrapper{width:92%;max-width:100%}.ai-input-wrapper{height:50px}.input{font-size:1em}}@media (min-width: 769px) and (max-width: 1024px){.input-wrapper,.chat-window-wrapper{width:93%;max-width:900px}}.white,.border,.darkBorderBg,.glow{max-height:70px;max-width:100%;height:100%;width:100%;position:absolute;overflow:hidden;z-index:-1;border-radius:12px;filter:blur(1.5px)}.input{background-color:#010201;border:none;width:650px;height:52px;border-radius:10px;color:#fff;padding:0 120px 0 20px;font-size:18px;font-family:Bangers,cursive;letter-spacing:.5px}#poda{display:flex;align-items:center;justify-content:center}.input::placeholder{color:#c0b9c0}#main{position:relative}#main:focus-within>#input-mask{display:none}#input-mask{pointer-events:none;width:100px;height:20px;position:absolute;background:linear-gradient(90deg,transparent,black);top:18px;left:70px}#main:hover>#pink-mask{opacity:0}.input::placeholder{color:#c0b9c066}.input:focus::placeholder{color:#c0b9c0}#ai-chat-form{position:relative;width:100%}#ai-chat-form:focus-within>#input-mask{display:none}#input-mask{pointer-events:none;width:100px;height:20px;position:absolute;background:linear-gradient(90deg,transparent,black);top:18px;left:15px}#pink-mask{pointer-events:none;width:30px;height:20px;position:absolute;background:#cf30aa;top:10px;left:5px;filter:blur(20px);opacity:.8;transition:all 2s}#ai-chat-form:hover>#pink-mask{opacity:0}.Subscribe-btn{position:absolute;right:8px;top:8px;height:40px;width:95px;border:none;border-radius:15px;color:#d5fa1b;cursor:pointer;background-color:#000;font-weight:500;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .3s;font-family:Bangers,cursive;font-size:.9em}.arrow{position:absolute;margin-right:150px;transition:all .3s;fill:#d5fa1b}.Subscribe-btn:active{transform:scale(.9)}.white{max-height:63px;border-radius:10px;filter:blur(1px)}.white:before{content:"";z-index:-2;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(83deg);position:absolute;width:600px;height:600px;background-repeat:no-repeat;background-position:0 0;filter:brightness(1.4);background-image:conic-gradient(rgba(0,0,0,0) 0%,#a099d8,rgba(0,0,0,0) 8%,rgba(0,0,0,0) 50%,#dfa2da,rgba(0,0,0,0) 58%);transition:all 2s}.border{max-height:59px;border-radius:11px;filter:blur(.5px)}.border:before{content:"";z-index:-2;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(70deg);position:absolute;width:600px;height:600px;filter:brightness(1.3);background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(#1c191c,#402fb5 5%,#1c191c 14%,#1c191c 50%,#cf30aa 60%,#1c191c 64%);transition:all 2s}.darkBorderBg{max-height:65px;max-width:312px}.darkBorderBg:before{content:"";z-index:-2;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(82deg);position:absolute;width:600px;height:600px;background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(rgba(0,0,0,0),#18116a,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 50%,#6e1b60,rgba(0,0,0,0) 60%);transition:all 2s}#poda:hover>.darkBorderBg:before{transform:translate(-50%,-50%) rotate(262deg)}#poda:hover>.glow:before{transform:translate(-50%,-50%) rotate(240deg)}#poda:hover>.white:before{transform:translate(-50%,-50%) rotate(263deg)}#poda:hover>.border:before{transform:translate(-50%,-50%) rotate(250deg)}#poda:focus-within>.darkBorderBg:before{transform:translate(-50%,-50%) rotate(442deg);transition:all 4s}#poda:focus-within>.glow:before{transform:translate(-50%,-50%) rotate(420deg);transition:all 4s}#poda:focus-within>.white:before{transform:translate(-50%,-50%) rotate(443deg);transition:all 4s}#poda:focus-within>.border:before{transform:translate(-50%,-50%) rotate(430deg);transition:all 4s}.glow{overflow:hidden;filter:blur(20px);opacity:.35;max-height:130px;max-width:100%}.glow:before{content:"";z-index:-2;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(60deg);position:absolute;width:999px;height:999px;background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(#000,#402fb5 5%,#000 38%,#000 50%,#cf30aa 60%,#000 87%);transition:all 2s}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(450deg)}}.chat-window-white,.chat-window-border,.chat-window-darkBg,.chat-window-glow{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;border-radius:20px;filter:blur(2.5px)}.chat-window-white{border-radius:20px;filter:blur(2px)}.chat-window-white:before{content:"";z-index:-2;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(83deg);position:absolute;width:1400px;height:1400px;background-repeat:no-repeat;background-position:0 0;filter:brightness(1.6);background-image:conic-gradient(rgba(0,0,0,0) 0%,#a099d8,rgba(0,0,0,0) 8%,rgba(0,0,0,0) 50%,#dfa2da,rgba(0,0,0,0) 58%);transition:all 2s}.chat-window-border{border-radius:20px;filter:blur(2px)}.chat-window-border:before{content:"";z-index:-2;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(70deg);position:absolute;width:1400px;height:1400px;filter:brightness(1.5);background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(#1c191c,#402fb5 5%,#1c191c 14%,#1c191c 50%,#cf30aa 60%,#1c191c 64%);transition:all 2s}.chat-window-darkBg:before{content:"";z-index:-2;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(82deg);position:absolute;width:1400px;height:1400px;background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(rgba(0,0,0,0),#18116a,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 50%,#6e1b60,rgba(0,0,0,0) 60%);transition:all 2s}.chat-window-wrapper:hover>.chat-window-darkBg:before{transform:translate(-50%,-50%) rotate(262deg)}.chat-window-wrapper:hover>.chat-window-glow:before{transform:translate(-50%,-50%) rotate(240deg)}.chat-window-wrapper:hover>.chat-window-white:before{transform:translate(-50%,-50%) rotate(263deg)}.chat-window-wrapper:hover>.chat-window-border:before{transform:translate(-50%,-50%) rotate(250deg)}.chat-window-glow{overflow:hidden;filter:blur(25px);opacity:.4}.chat-window-glow:before{content:"";z-index:-2;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(60deg);position:absolute;width:1600px;height:1600px;background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(#000,#402fb5 5%,#000 38%,#000 50%,#cf30aa 60%,#000 87%);transition:all 2s}.chat-window{width:100%;background-color:#010201;border-radius:20px;overflow:hidden;position:relative;z-index:1;max-height:0;opacity:0;transition:max-height .6s cubic-bezier(.34,1.56,.64,1),opacity .5s ease}@media (max-width: 768px){.chat-window-wrapper.visible .chat-window{max-height:55vh}}@media (min-width: 769px) and (max-width: 1024px){.chat-window-wrapper.visible .chat-window{max-height:60vh}}#ai-chat-messages{height:100%;overflow-y:auto;padding:28px;display:flex;flex-direction:column;gap:16px}.ai-row{display:flex;margin:6px 0;animation:aiMessageSlideIn .45s cubic-bezier(.34,1.2,.64,1) forwards;opacity:0}.ai-bubble{max-width:75%;padding:14px 18px;border-radius:20px;line-height:1.6;font-size:1em;word-wrap:break-word;font-family:Bangers,cursive;letter-spacing:.4px}.ai-row.assistant .ai-bubble{background:rgba(213,250,27,.06);color:#d5fa1b;border:1px solid rgba(213,250,27,.12);border-bottom-left-radius:6px;box-shadow:0 3px 12px #0000004d}.send-ship .ship-head:after{display:none}.send-ship .ship-boost{position:absolute;left:6px;top:18px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #ff8a00;opacity:0}.send-ship:active .ship-boost{animation:boost-pop .16s ease-out forwards,boost-fade .26s ease-out .14s forwards}.send-ship:hover .ship-boost{animation:none}.send-ship:hover .ship-wrap{animation-duration:2s}.send-ship.launching .ship-wrap{animation:ship-spin 12s linear infinite,ship-fade 1.2s ease-in-out forwards}@keyframes ship-fade{0%{opacity:1;filter:blur(0px);transform:scale(1)}40%{opacity:0;filter:blur(1px);transform:scale(.95)}60%{opacity:0;filter:blur(1px);transform:scale(1.04)}to{opacity:1;filter:blur(0px);transform:scale(1)}}@media screen and (max-width: 768px){#landing-page h1{text-shadow:none;font-size:8vw}h2{font-size:2.5em}.about-content{font-size:1em}.contact-form{padding:10px}.contact-form input,.contact-form textarea,.contact-form button{font-size:.9em}.iphone-chat{margin:10px 10px 30px;padding:15px;border-radius:40px;height:calc(100vh - 120px);max-width:100%;display:flex;flex-direction:column;box-sizing:border-box;background:rgba(13,13,13,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(213,250,27,.2);box-shadow:0 0 20px #d5fa1b1a;position:relative;transform:translateY(-35px)}.chat-container{flex:1;display:flex;flex-direction:column;width:100%;border-radius:30px;overflow:hidden;max-height:calc(100vh - 140px)}.chat-messages{flex:1;overflow-y:auto;padding:15px;margin-bottom:10px;max-height:calc(100vh - 350px)}.message-input-wrapper{position:sticky;bottom:0;left:0;right:0;padding:10px 10px 25px;width:100%;background:rgba(0,0,0,.5);margin:0;box-sizing:border-box;border-bottom-left-radius:30px;border-bottom-right-radius:30px}#contact.component{padding-top:0}@supports (padding: max(0px)){.iphone-chat{height:calc(100vh - max(120px,env(safe-area-inset-top) + env(safe-area-inset-bottom) + 60px));margin:10px max(10px,env(safe-area-inset-right)) max(30px,env(safe-area-inset-bottom) + 20px) max(10px,env(safe-area-inset-left));transform:translateY(-35px)}.message-input-wrapper{padding-bottom:max(25px,env(safe-area-inset-bottom) + 10px)}.chat-container{max-height:calc(100vh - max(140px,env(safe-area-inset-top) + env(safe-area-inset-bottom) + 60px))}}}@supports (padding: max(0px)){body{padding-top:max(0px,env(safe-area-inset-top));padding-bottom:max(0px,env(safe-area-inset-bottom));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.iphone-chat{max-width:400px;margin:20px auto;position:relative;background:rgba(13,13,13,.3);border-radius:40px;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(213,250,27,.2);box-shadow:0 0 20px #d5fa1b1a}.chat-container{background:transparent;border-radius:30px;overflow:visible;position:relative}.chat-header{padding:15px;text-align:center;border-bottom:1px solid rgba(213,250,27,.2)}.status-bar{display:flex;align-items:center;justify-content:center;gap:8px;font-family:Bangers,cursive;letter-spacing:2px}.status-dot.online{width:8px;height:8px;border-radius:50%;background:#d5fa1b;box-shadow:0 0 10px #d5fa1b80;animation:pulse 2s infinite}.status-text{color:#d5fa1b;text-shadow:0 0 5px rgba(213,250,27,.5)}.chat-messages{padding:20px;max-height:400px;overflow-y:auto}.chat-messages{scrollbar-color:#ff8a00 transparent}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background-color:#ff8a00;border-radius:8px}.message{margin-bottom:20px;opacity:0;max-width:85%;margin-right:auto}.message.received{animation:slideInMessage .5s ease forwards}.message.sent{margin-left:auto;margin-right:0;animation:slideInResponse .5s ease forwards}.message:nth-child(2){animation-delay:.2s}.message:nth-child(3){animation-delay:.4s}.message-content{max-width:80%;transform-origin:left center;will-change:transform,opacity}.sent .message-content{transform-origin:right center}.message-bubble{padding:12px 16px;border-radius:20px;font-family:Bangers,cursive;letter-spacing:1px;line-height:1.4;position:relative}.received .message-bubble{background:rgba(213,250,27,.1);border:1px solid rgba(213,250,27,.2);color:#d5fa1b;border-bottom-left-radius:5px;margin-right:auto}.sent .message-bubble{background:#d5fa1b;color:#000;border-bottom-right-radius:5px;margin-left:auto}.message-time{font-size:.7em;color:#d5fa1b99;margin-top:5px;font-family:Bangers,cursive;text-align:right;padding-right:10px}.message-input-wrapper{padding:15px;background:rgba(0,0,0,.3);border-top:1px solid rgba(213,250,27,.2);width:100%;box-sizing:border-box;position:relative;bottom:0}.send-ship{position:relative;top:-12px}.send-ship .ship-wrap{pointer-events:none}.send-ship.looping .ship-wrap{animation:none}.chat-input{width:100%;box-sizing:border-box;background:rgba(255,255,255,.05);border:1px solid rgba(213,250,27,.2);border-radius:20px;padding:12px;color:#fff;font-family:Bangers,cursive;letter-spacing:1px;margin-bottom:10px}.message-input-container{display:flex;gap:10px;align-items:flex-end;width:100%;box-sizing:border-box}.message-input{flex:1;resize:none;min-height:44px;max-height:120px;width:calc(100% - 54px)}.send-button{position:relative;width:64px;height:44px;border:none;background:transparent;cursor:pointer;transition:none;padding:0;z-index:5;overflow:visible}.send-button svg{position:relative;z-index:2;width:24px;height:24px;color:#000}.send-button:hover svg{color:#d5fa1b}.send-button:after{display:none}.send-button.clicked{transform:none}@keyframes ringExpand{0%{width:100%;height:100%;opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes slideInMessage{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInResponse{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@media screen and (min-width: 769px){#about h2{font-size:calc(2 * var(--base-font-size, 2em))}#about .about-content{font-size:calc(1.5 * var(--base-content-size, 1em));max-width:800px;margin:0 auto}}#planet{width:100vw;height:100vh;margin:0;padding:0;display:flex;justify-content:center;align-items:center;background:transparent;position:fixed;top:0;left:0;z-index:1;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}#planetCanvas{width:100vw!important;height:100vh!important;cursor:grab;position:fixed;top:0;right:0;bottom:0;left:0;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#planetCanvas,#planet{background:transparent}@supports (height: 100svh){#planetCanvas,#sketch-holder{height:100svh!important}}@supports (height: 100dvh){#planetCanvas,#sketch-holder{height:100dvh!important}}@supports (-webkit-touch-callout: none){html,body{height:-webkit-fill-available}#planetCanvas,#sketch-holder{height:-webkit-fill-available!important}}#planetCanvas:active{cursor:grabbing}.game-container{position:fixed;top:0;left:0;width:100dvw;height:100dvh;margin:0;padding:0;box-sizing:border-box;background:transparent;z-index:5}.game-ui{position:fixed;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;font-family:Bangers,cursive;font-size:1.2em;color:#d5fa1b;text-shadow:0 0 5px #d5fa1b;z-index:10;pointer-events:none}.game-ui>div{background:rgba(0,0,0,.7);padding:10px 15px;border-radius:10px;border:1px solid rgba(213,250,27,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}#gameCanvas{position:fixed;top:0;left:0;width:100vw;height:100vh;border:none;background:transparent;cursor:crosshair;z-index:1}.game-controls-top{position:fixed;top:20px;right:20px;display:flex;gap:10px;z-index:10;pointer-events:none}.game-controls{position:fixed;bottom:20px;left:50%;transform:translate(-50%);text-align:center;color:#fff;font-family:Bangers,cursive;font-size:1em;line-height:1.5;z-index:10;pointer-events:none}.game-controls p{margin:5px 0;opacity:.8;background:rgba(0,0,0,.7);padding:5px 10px;border-radius:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}.game-button{padding:10px 20px;font-size:1em;background-color:#d5fa1b;color:#000;border:none;border-radius:8px;cursor:pointer;font-family:Bangers,cursive;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:0 0 10px #d5fa1b80;pointer-events:auto}.game-button:hover{background-color:#fff;transform:scale(1.05);box-shadow:0 0 20px #d5fa1bcc}.game-button:active{transform:scale(1)}@media screen and (max-width: 768px){.game-container{width:100vw;height:100vh}.game-ui{top:10px;left:10px;right:10px;font-size:1em;flex-direction:column;gap:10px}.game-ui>div{text-align:center}.game-controls-top{top:10px;right:10px;gap:8px}#gameCanvas{width:100vw;height:100vh}.game-controls{bottom:10px;font-size:.9em}.game-button{font-size:.9em;padding:8px 16px}}.genai-chat-container{max-width:900px;margin:0 auto;width:100%;max-height:calc(100vh - 80px);min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;padding:0 28px 450px;box-sizing:border-box}.genai-chat-container.chat-active{padding-top:80px;padding-bottom:40px;justify-content:flex-start}.input-wrapper{width:100%;max-width:680px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:10;margin-top:auto}.chat-window-wrapper{width:100%;max-width:680px;position:relative;display:none;padding:22px;flex-shrink:0;height:400px;max-height:calc(100vh - 340px);background:#f0f0f0;border:4px solid #000;transition:all .4s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d;transform:rotateX(5deg) rotateY(-5deg);perspective:1000px;box-shadow:15px 15px #000;overflow:visible}.chat-window-wrapper.visible{display:flex;flex-direction:column}.chat-window-wrapper:hover{transform:rotateX(2deg) rotateY(-2deg) scale(1.02);box-shadow:30px 30px 0 -5px #ff8a00,30px 30px #000}.chat-window-wrapper:before{content:"CHAT WITH MAIA";position:absolute;top:-22px;left:28px;background:#ff8a00;color:#000;font-weight:700;padding:8px 18px;font-size:15px;z-index:200;border:3px solid #000;font-family:Bangers,cursive;letter-spacing:1.3px;pointer-events:none;transform:none}.chat-window-wrapper:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:0;z-index:-2;transform:translateZ(-50px);background:linear-gradient(45deg,rgba(255,138,0,.3) 0%,rgba(255,138,0,.1) 100%);filter:blur(25px);pointer-events:none}#ai-chat-form{position:relative;width:650px;height:54px;border-radius:16px;display:flex;align-items:center;background:rgba(255,255,255,.04);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid rgba(213,250,27,.3);box-shadow:0 4px 24px #0000004d;transition:all .3s ease}#ai-chat-form:hover{background:rgba(255,255,255,.06);border-color:#d5fa1b4d;box-shadow:0 6px 28px #0006}#ai-chat-form:focus-within{background:rgba(255,255,255,.07);border-color:#d5fa1b66;box-shadow:0 0 24px #d5fa1b33,0 6px 28px #0006}.input{flex:1;background:transparent;border:none;height:100%;border-radius:16px;color:#fff;padding:0 120px 0 20px;font-size:1.05em;font-family:Bangers,cursive;letter-spacing:.5px}.input::placeholder{color:#c0b9c080}.input:focus{outline:none}.input:focus::placeholder{color:#c0b9c0b3}.Subscribe-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);height:42px;width:100px;border:none;border-radius:14px;color:#d5fa1b;cursor:pointer;background-color:#000;font-weight:500;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:all .3s;font-family:Bangers,cursive;font-size:.9em}.arrow{position:absolute;margin-right:150px;transition:all .3s;fill:#ff8a00}.Subscribe-btn:hover{color:transparent}.Subscribe-btn:hover .arrow{margin-right:0;animation:jello-vertical .9s both;transform-origin:right}@keyframes jello-vertical{0%{transform:scaleZ(1)}30%{transform:scale3d(.75,1.25,1)}40%{transform:scale3d(1.25,.75,1)}50%{transform:scale3d(.85,1.15,1)}65%{transform:scale3d(1.05,.95,1)}75%{transform:scale3d(.95,1.05,1)}to{transform:scaleZ(1)}}.Subscribe-btn:active{transform:translateY(-50%) scale(.92)}.chat-window{width:100%;height:100%;background:#000;border:3px solid #ff8a00;border-radius:12px;overflow-y:auto;position:relative;z-index:1;transform:translateZ(10px);box-shadow:inset 0 2px 8px #0000004d;display:flex;flex-direction:column}.chat-window-wrapper.visible .chat-window{opacity:1}@media (max-width: 768px){.genai-chat-container{padding:0 24px 50px;max-height:100vh;min-height:100vh;gap:28px;justify-content:center}.genai-chat-container.chat-active{padding-top:90px;padding-bottom:50px;justify-content:flex-start}.chat-window-wrapper{height:350px;max-height:calc(100vh - 320px)}.input-wrapper{width:calc(100% - 8px);max-width:100%;margin:-200px auto 0}.genai-chat-container.chat-active .input-wrapper{margin-top:0}.chat-window-wrapper{width:calc(100% - 8px);max-width:100%;max-height:calc(100vh - 340px);margin:0 auto;padding:16px;box-shadow:12px 12px #000}.chat-window-wrapper:before{font-size:11px;padding:5px 12px;top:-16px;left:20px}.chat-window{width:100%;border-width:2px;border-radius:14px}#ai-chat-form{width:100%;height:52px;border-radius:14px}.input{font-size:1em;padding:0 100px 0 18px}.Subscribe-btn{width:85px;height:40px;right:6px;font-size:.85em}.chat-window-wrapper.visible .chat-window{max-height:calc(100vh - 300px)}#ai-chat-messages{padding:18px 14px;gap:12px}.ai-bubble{max-width:88%;font-size:.95em;padding:12px 16px}}@media (max-width: 430px){.genai-chat-container{padding:20px 12px 40px;justify-content:center}.genai-chat-container.chat-active{padding-top:85px;justify-content:flex-start}#ai-chat-form{width:calc(100vw - 32px);max-width:none}.input{font-size:.92em;padding:0 95px 0 14px}.Subscribe-btn{width:80px;font-size:.8em}.chat-window-wrapper{width:calc(100vw - 32px);max-width:none;padding:14px}.ai-bubble{font-size:.9em}}@media (max-width: 375px){.genai-chat-container{padding:20px 10px 35px;justify-content:center}.genai-chat-container.chat-active{padding-top:80px;justify-content:flex-start}#ai-chat-form{width:calc(100vw - 24px)}.input{font-size:.88em;padding:0 90px 0 12px}.Subscribe-btn{width:75px}.chat-window-wrapper{width:calc(100vw - 24px);padding:12px}}@supports (-webkit-touch-callout: none){@media (max-width: 768px){.genai-chat-container{padding-left:max(12px,env(safe-area-inset-left) + 4px);padding-right:max(12px,env(safe-area-inset-right) + 4px);padding-bottom:max(40px,env(safe-area-inset-bottom) + 30px)}}@media (max-width: 430px){#ai-chat-form,.chat-window-wrapper{width:calc(100vw - max(32px,env(safe-area-inset-left) + env(safe-area-inset-right) + 24px))}}@media (max-width: 375px){#ai-chat-form,.chat-window-wrapper{width:calc(100vw - max(24px,env(safe-area-inset-left) + env(safe-area-inset-right) + 16px))}}}@media (min-width: 769px) and (max-width: 1024px){#ai-chat-form{width:520px}.chat-window-wrapper.visible .chat-window{max-height:60vh}}@media (min-width: 1025px){.chat-window-wrapper.visible .chat-window{max-height:65vh}}#ai-chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:28px;display:flex;flex-direction:column;gap:16px;min-height:0}#ai-chat-messages{scrollbar-width:thin;scrollbar-color:rgba(213,250,27,.25) transparent}#ai-chat-messages::-webkit-scrollbar{width:5px}#ai-chat-messages::-webkit-scrollbar-track{background:transparent}#ai-chat-messages::-webkit-scrollbar-thumb{background-color:#d5fa1b40;border-radius:3px}#ai-chat-messages::-webkit-scrollbar-thumb:hover{background-color:#d5fa1b66}.ai-row{display:flex;margin:8px 0;animation:aiMessageSlideIn .4s cubic-bezier(.34,1.2,.64,1) forwards;opacity:0}@keyframes aiMessageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-row.user{justify-content:flex-end}.ai-row.assistant{justify-content:flex-start}.ai-bubble{max-width:85%;padding:14px 18px;border-radius:18px;line-height:1.6;font-size:1em;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;font-family:Bangers,cursive;letter-spacing:.4px}.ai-row.user .ai-bubble{background:#d5fa1b;color:#000;border-bottom-right-radius:6px;box-shadow:0 3px 12px #d5fa1b40}.ai-row.assistant .ai-bubble{background:rgba(213,250,27,.06);color:#d5fa1b;border:2px solid #87CEEB;border-bottom-left-radius:6px;box-shadow:0 3px 12px #0000004d,0 0 8px #87ceeb40}