/*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-\[-4200px\]{top:-4200px}.top-\[0\%\]{top:0%}.top-\[10\%\]{top:10%}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-\[-200px\]{bottom:-200px}.left-0{left:calc(var(--spacing)*0)}.left-\[27\%\]{left:27%}.left-\[30\%\]{left:30%}.-z-\[1\]{z-index:-1}.z-10{z-index:10}.z-15{z-index:15}.z-\[1\]{z-index:1}.z-\[9\]{z-index:9}.z-\[11\]{z-index:11}.z-\[31\]{z-index:31}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.-mt-\[2px\]{margin-top:-2px}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-15{margin-top:calc(var(--spacing)*15)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-40{margin-top:calc(var(--spacing)*40)}.mt-\[-150px\]{margin-top:-150px}.mt-\[80vh\]{margin-top:80vh}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.-ml-\[10\%\]{margin-left:-10%}.ml-\[1\%\]{margin-left:1%}.ml-\[20\%\]{margin-left:20%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.aspect-square{aspect-ratio:1}.h-\[80px\]{height:80px}.h-\[150px\]{height:150px}.h-\[200px\]{height:200px}.h-\[200vh\]{height:200vh}.h-\[1000px\]{height:1000px}.h-auto{height:auto}.h-full{height:100%}.min-h-\[2600px\]{min-height:2600px}.w-\[800\%\]{width:800%}.w-\[clamp\(200px\,30vw\,400px\)\]{width:clamp(200px,30vw,400px)}.w-\[clamp\(200px\,30vw\,600px\)\]{width:clamp(200px,30vw,600px)}.w-\[clamp\(380px\,95vw\,900px\)\]{width:clamp(380px,95vw,900px)}.w-full{width:100%}.max-w-\[360px\]{max-width:360px}.max-w-\[400px\]{max-width:400px}.max-w-\[600px\]{max-width:600px}.max-w-\[850px\]{max-width:850px}.max-w-\[5000px\]{max-width:5000px}.-translate-x-1\/4{--tw-translate-x: -25% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-8{gap:calc(var(--spacing)*8)}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[\#aad6b8\]{background-color:#aad6b8}.bg-black{background-color:var(--color-black)}.object-cover{object-fit:cover}.p-6{padding:calc(var(--spacing)*6)}.px-\[10\%\]{padding-inline:10%}.pt-24{padding-top:calc(var(--spacing)*24)}.text-left{text-align:left}.text-\[clamp\(4rem\,10vw\,12rem\)\]{font-size:clamp(4rem,10vw,12rem)}.text-\[clamp\(6rem\,15vw\,18rem\)\]{font-size:clamp(6rem,15vw,18rem)}.leading-\[0\.6\]{--tw-leading:.6;line-height:.6}.leading-\[0\.9\]{--tw-leading:.9;line-height:.9}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-white{color:var(--color-white)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (min-width:40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.lg\:absolute{position:absolute}.lg\:-top-\[20\%\]{top:-20%}.lg\:-top-\[50\%\]{top:-50%}.lg\:right-\[10\%\]{right:10%}.lg\:right-\[20\%\]{right:20%}.lg\:mx-0{margin-inline:calc(var(--spacing)*0)}.lg\:mt-32{margin-top:calc(var(--spacing)*32)}.lg\:mt-60{margin-top:calc(var(--spacing)*60)}.lg\:mr-\[10\%\]{margin-right:10%}.lg\:ml-0{margin-left:calc(var(--spacing)*0)}.lg\:block{display:block}.lg\:w-\[clamp\(550px\,55vw\,1000px\)\]{width:clamp(550px,55vw,1000px)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:items-end{align-items:flex-end}.lg\:justify-end{justify-content:flex-end}}}html{background-color:#0d131c;min-height:100%;margin:0;padding:0;overflow:hidden auto}body{background-color:#0d131c;min-height:100vh;margin:0;padding:0;position:relative;overflow:hidden auto}::-webkit-scrollbar{background:0 0;width:8px}::-webkit-scrollbar-thumb{background:#7272ff4d;border-radius:4px}*{scrollbar-color:#7272ff4d transparent;scrollbar-width:thin}@font-face{font-family:Helvetica Neue;src:url(/fonts/Helvetica/Helvetica-Bold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:YourDoodleFontRegular;src:url(/fonts/Your%20Doodle/your-doodle-font.regular.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Sophiecomic;src:url(/fonts/Sophiecomic%20Standard/Sophiecomic-Regular.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.stars-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}@font-face{font-family:Sofia Pro;src:url(/fonts/Sofia%20Pro/Sofia%20Pro%20Semi%20Bold%20Az.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}.star{position:absolute;border-radius:50%;opacity:0;z-index:0}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:var(--star-max-opacity, .9);transform:scale(1.5)}}@keyframes twinkle-bright{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.8)}}@keyframes twinkle-distant{0%,to{opacity:0;transform:scale(.8)}50%{opacity:.6;transform:scale(1.2)}}@keyframes star-trail{0%{opacity:0;transform:translate(-10px) scale(.5)}50%{opacity:.7;transform:translate(0) scale(1)}to{opacity:0;transform:translate(10px) scale(.5)}}.star-depth-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0000,#0003 80%,#0006);pointer-events:none;z-index:1}.content-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:0 5%;position:relative;z-index:10;box-sizing:border-box}.hero-section{display:flex;align-items:center;justify-content:flex-start;min-height:100vh;opacity:0;transform:translateY(30px);transition:opacity 1.2s ease,transform 1.2s ease}.hero-section.visible{opacity:1;transform:translateY(0)}.intro-text{width:100%;max-width:700px;padding-left:2rem;margin-top:-50px}.name-container{font-family:Sofia Pro,sans-serif;font-weight:600;font-size:clamp(2.5rem,8vw,5rem);color:#fff;line-height:1.05;perspective:1000px;transform-style:preserve-3d}.word-wrapper{margin-bottom:.15em;line-height:1.1;perspective:1000px}.name-text{margin-top:0}.char{display:inline-block;opacity:0;transform:perspective(800px) rotateX(30deg) translateY(-20px) scale(1.1);animation:revealChar .5s cubic-bezier(.1,.9,.2,1) forwards;filter:blur(3px);text-shadow:0 5px 15px rgba(0,0,0,.4)}.accent-char{animation:revealAccentChar .5s cubic-bezier(.1,.9,.2,1) forwards;background:linear-gradient(90deg,#fff,#a2a2ff,#8a8aff);background-size:200% 100%;background-position:90% 0;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.accent-char.active{animation:gradientShift 3s linear infinite}.tagline{font-family:Sofia Pro,sans-serif;font-weight:400;font-size:clamp(1rem,3vw,1.3rem);color:#ffffffd9;margin:1.5rem 0 2rem;line-height:1.4;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.tagline.visible{opacity:1;transform:translateY(0);transition-delay:.8s}.cta-button{margin-top:1rem;background:linear-gradient(90deg,#7272ff,#5e5ecd);color:#fff;border:none;padding:.9rem 2.5rem;border-radius:50px;font-family:Sofia Pro,sans-serif;font-weight:600;font-size:clamp(1rem,2vw,1.2rem);cursor:pointer;box-shadow:0 10px 25px #0000004d,0 0 #7272ff80;transition:all .5s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;opacity:0;transform:translateY(20px)}.cta-button.visible{opacity:1;transform:translateY(0);transition:all .6s cubic-bezier(.2,.8,.2,1) 1.2s}.cta-button:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px #0006,0 0 30px #7272ff4d;letter-spacing:.05em}.cta-button:active{transform:translateY(-2px) scale(.98);transition:all .1s}.shimmer-effect{position:absolute;top:0;left:0;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:translate(-100%);animation:shimmer 3s infinite}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.particles:before,.particles:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background-color:#a1a1ff26;box-shadow:0 0 10px #7272ff80;animation:float 15s linear infinite}.particles:before{top:20%;left:20%;animation-delay:0s}.particles:after{top:40%;left:60%;width:15px;height:15px;animation-delay:-5s}.thats-me-section{margin-top:30vh;padding:0;position:relative;z-index:10;font-family:Sofia Pro,sans-serif;overflow:visible;opacity:0;transform:translateY(50px);width:100vw;left:50%;transform:translate(-50%);box-sizing:border-box}.thats-me-container{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:0 5%;box-sizing:border-box}.thats-me-text-wrapper{position:relative;z-index:2}.thats-text{font-size:clamp(3rem,10vw,6rem);color:#fff;font-weight:600;margin-bottom:0;line-height:.9;position:relative;z-index:2;opacity:0;transform:translate(-50px)}.me-text{font-size:clamp(4rem,15vw,9rem);color:#fff;font-weight:600;margin-bottom:1rem;line-height:.6;margin-left:1%;position:relative;z-index:2;opacity:0;transform:translate(50px)}.illustration-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.thatsme-illustration{position:absolute;left:4%;top:40%;width:100%;max-width:600px;height:auto;display:block;z-index:1}.cloud-wrapper{position:absolute;top:60%;left:0;width:100%;pointer-events:none}.cloud-illustration{width:100%;max-width:800px;height:auto;display:block;z-index:2}.cloud-text{position:absolute;top:40%;left:35%;transform:translate(-50%,-50%);text-align:center;width:50%;max-width:450px;color:#333;font-family:Sofia Pro,sans-serif;font-weight:600;font-size:clamp(1rem,2vw,1.4rem);line-height:1.4;padding:0 15px;z-index:3}@keyframes revealChar{0%{opacity:0;transform:perspective(800px) rotateX(30deg) translateY(-20px) scale(1.1);filter:blur(3px)}50%{opacity:1;filter:blur(1px)}to{opacity:1;transform:perspective(800px) rotateX(0) translateY(0) scale(1);filter:blur(0)}}@keyframes revealAccentChar{0%{opacity:0;transform:perspective(800px) rotateX(30deg) translateY(-20px) scale(1.1);filter:blur(3px);background-position:90% 0}40%{opacity:1;filter:blur(1px)}60%{background-position:10% 0}to{opacity:1;transform:perspective(800px) rotateX(0) translateY(0) scale(1);filter:blur(0);background-position:0% 0}}@keyframes gradientShift{0%{background-position:0% 0}50%{background-position:100% 0}to{background-position:0% 0}}@keyframes shimmer{0%{transform:translate(-150%)}50%,to{transform:translate(100%)}}@keyframes float{0%{transform:translate(0) rotate(0) scale(1);opacity:0}10%{opacity:1;transform:translate(20px,-30px) rotate(36deg) scale(1.2)}40%{transform:translate(60px,-100px) rotate(144deg) scale(1.5)}80%{opacity:1;transform:translate(120px,-200px) rotate(288deg) scale(.8)}to{transform:translate(150px,-250px) rotate(360deg) scale(.5);opacity:0}}@media (max-width: 1200px){.thatsme-illustration{top:30%}.cloud-wrapper{top:50%}}@media (max-width: 768px){.intro-text{padding-left:1rem;margin-top:0}.hero-section{padding-bottom:10vh}.thats-me-section{margin-top:20vh}.thatsme-illustration{top:20%}.cloud-wrapper{top:45%}.cloud-text{width:60%;font-size:clamp(.9rem,2vw,1.2rem)}.thats-text{font-size:clamp(2.5rem,10vw,5rem)}.me-text{font-size:clamp(3.5rem,15vw,8rem)}}@media (max-width: 480px){.thats-me-section{margin-top:15vh;padding:0 3%}.thatsme-illustration{left:0;top:15%}.cloud-wrapper{top:40%}.cloud-text{top:45%;left:40%;width:70%}}:root{--primary-dark: #0D131C;--primary-mid: #1D1E33;--primary-light: #282A40;--accent-1: #6E44FF;--accent-2: #FF44A4;--accent-3: #44EFFF;--text-color: #FFFFFF}.app{min-height:100vh;width:100%;position:relative;overflow-x:hidden;overflow-y:visible;box-sizing:border-box}.fancy-background{position:fixed;width:100%;height:100%;z-index:-10;overflow:hidden;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-mid) 70%,var(--primary-light) 100%)}.gradient-overlay{position:absolute;width:120%;height:120%;top:-10%;left:-10%;background:radial-gradient(circle at 75% 25%,rgba(110,68,255,.15) 0%,transparent 50%),radial-gradient(circle at 25% 65%,rgba(68,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 50% 50%,#0000001a,#0000004d)}.accent-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2}.shape-1{background:var(--accent-1);width:500px;height:500px;top:-100px;right:-100px;animation:float 30s infinite alternate}.shape-2{background:var(--accent-2);width:400px;height:400px;top:40%;left:-150px;animation:float 25s infinite alternate-reverse}.shape-3{background:var(--accent-3);width:350px;height:350px;bottom:-100px;right:15%;animation:float 20s infinite alternate}.grid-pattern{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;z-index:1}.content{position:relative;z-index:5;width:100%;min-height:100vh;padding:0;box-sizing:border-box;overflow:visible}@media (max-width: 768px){.content{padding:0 1rem}.accent-shape{filter:blur(50px)}}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.frame-container{position:relative;width:100%;max-width:800px}.frame-container-right{margin-left:auto;margin-right:0}.frame-title{position:absolute;width:100%;color:#fff;font-family:YourDoodleFontRegular,sans-serif;font-size:clamp(2rem,5vw,6rem);z-index:2}.frame-title-left{text-align:left}.frame-title-right{text-align:right}.frame{width:100%;height:auto;position:relative;z-index:1}.frame-video{position:absolute;height:auto;z-index:1}.frame-video-left{top:31%;left:7.8%;width:84.4%;transform:rotate(-2.7deg)}.frame-video-right{top:31%;left:8.4%;width:84.6%;transform:rotate(2.6deg)}.bubbles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.bubble{position:absolute;border-radius:50%;background-color:#a8c9e5;filter:blur(2px);box-shadow:0 4px 15px #0000001a;animation:float 12s ease-in-out infinite alternate}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(3deg)}to{transform:translateY(10px) rotate(-3deg)}}@keyframes pulse{0%{filter:drop-shadow(0 0 5px rgba(168,201,229,.5))}50%{filter:drop-shadow(0 0 12px rgba(168,201,229,.9))}to{filter:drop-shadow(0 0 5px rgba(168,201,229,.5))}}.gsap-marker-scroller-start,.gsap-marker-scroller-end{color:#fff}.connecting-path{z-index:100!important}