*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#8b458be6;background-color:#fffaf0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffb6c133}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ffb6c1,plum,#b0e0e6);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,plum,#b0e0e6,#ffb6c1)}*:focus-visible{outline:2px solid rgba(255,182,193,.6);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{min-height:100vh;position:relative;overflow-x:hidden;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#fff0f5,#f0e6ff,#e6f3ff)}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;transition:background .5s ease}.bubbles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.bubble{position:absolute;border-radius:50%;background:#ffffff40;border:2px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:bubbleFloat infinite ease-in-out;box-shadow:0 0 40px #fff6,0 0 60px #ffb6c14d,inset -20px -20px 30px #fff3,inset 20px 20px 30px #ffb6c126}.bubble:before{content:"";position:absolute;top:20%;left:30%;width:30%;height:30%;border-radius:50%;background:#fff9;filter:blur(6px)}@keyframes bubbleFloat{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.4}50%{transform:translateY(-100vh) translate(50px) scale(1.2);opacity:.7}}.container{position:relative;z-index:2;width:100%;max-width:1200px;opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s ease}.container.visible{opacity:1;transform:translateY(0)}.hero{text-align:center;margin-bottom:3rem;padding-top:3vh;min-height:200px}.brand-name{font-family:Fredoka,sans-serif;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:600;background:linear-gradient(135deg,#e91e63,#9c27b0,#2196f3,#e91e63);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:1.5rem 0;animation:gradientShift 5s ease infinite;letter-spacing:.02em;filter:drop-shadow(0 0 15px rgba(233,30,99,.4));color:#e91e63;position:relative;z-index:10}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.brand-name .letter{display:inline-block;color:#e91e63;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#e91e63,#9c27b0,#2196f3,#e91e63);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:gradientShift 5s ease infinite,letterPop .8s ease forwards;opacity:0;transform:translateY(20px) scale(.8);will-change:opacity,transform}@keyframes letterPop{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.tagline{font-size:clamp(1.1rem,2.5vw,1.5rem);color:#8b458bcc;margin:1.5rem 0 3rem;font-weight:400;letter-spacing:.08em;line-height:1.8}.tagline-word{display:inline-block;position:relative;padding:.4rem .8rem;margin:0 .3rem;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,182,193,.3);transition:all .3s ease;animation:wordFloat 4s ease-in-out infinite;box-shadow:0 4px 15px #ffb6c133}.tagline-word:nth-child(1){animation-delay:0s}.tagline-word:nth-child(3){animation-delay:.7s}.tagline-word:nth-child(5){animation-delay:1.4s}.tagline-word:nth-child(7){animation-delay:2.1s}.tagline-word:hover{transform:translateY(-5px) scale(1.1);background:#fffc;border-color:#ffb6c199;box-shadow:0 8px 25px #ffb6c166}@keyframes wordFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tagline-separator{color:#dda0dd80;margin:0 .2rem}.profile-section{display:flex;gap:3rem;justify-content:center;align-items:center;margin:3rem 0;flex-wrap:wrap}.profile-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:transform .3s ease;animation:cardFadeIn 1s ease forwards;animation-delay:.5s;opacity:0;transform:translateY(30px)}.profile-card:nth-child(2){animation-delay:.7s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-card:hover{transform:translateY(-10px)}.profile-image-wrapper{position:relative;width:200px;height:200px;border-radius:50%;padding:4px;cursor:pointer;transition:transform .3s ease}.profile-image-wrapper:hover{transform:scale(1.05)}.instagram-border{background:#fff;box-shadow:0 0 30px #d6297666;position:relative}.instagram-border:before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#962fbf,#d62976,#fa7e1e,#feda75);animation:instagramRotate 3s linear infinite;z-index:-1}@keyframes instagramRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.youtube-border{background:linear-gradient(135deg,red,#c00,#f44);background-size:200% 200%;animation:youtubeGradient 3s ease infinite;box-shadow:0 0 30px #f006}@keyframes youtubeGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.profile-overlay{position:absolute;inset:0;border-radius:50%;opacity:.6;transition:opacity .3s ease;z-index:10;pointer-events:none;display:flex;align-items:center;justify-content:center}.instagram-border .profile-overlay{background:linear-gradient(135deg,#feda754d,#fa7e1e4d,#d629764d,#962fbf4d,#4f5bd54d);background-size:200% 200%;animation:instagramOverlayGradient 4s ease infinite}@keyframes instagramOverlayGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.youtube-border .profile-overlay{background:#ff000040}.profile-image-wrapper:hover .profile-overlay{opacity:1;background:linear-gradient(135deg,#feda75d9,#fa7e1ed9,#d62976d9,#962fbfd9,#4f5bd5d9);background-size:200% 200%}.profile-image-wrapper.youtube-border:hover .profile-overlay{background:#ff0000d9}.overlay-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#fff;text-align:center;opacity:0;transition:opacity .3s ease}.profile-image-wrapper:hover .overlay-content{opacity:1}.overlay-icon{width:40px;height:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.overlay-text{font-size:.9rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}.profile-label{font-size:1.1rem;font-weight:600;color:#8b458be6;margin:0;text-align:center}.instagram-card .profile-label{background:linear-gradient(135deg,#f56040,#e1306c,#c13584,#833ab4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.youtube-card .profile-label{color:red}.content{margin-top:3rem}.content-card{background:#ffffffb3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:25px;padding:2rem;border:1px solid rgba(255,182,193,.3);margin:0 auto;max-width:600px;transition:all .3s ease;animation:cardSlideIn 1s ease forwards;animation-delay:1s;opacity:0;transform:translateY(20px);box-shadow:0 8px 32px #ffb6c133}@keyframes cardSlideIn{to{opacity:1;transform:translateY(0)}}.content-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #ffb6c14d;border-color:#ffb6c180}.description{font-size:clamp(.95rem,1.8vw,1.1rem);line-height:1.7;color:#8b458bcc;text-align:center;margin:0;font-style:italic}.decorative-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.gem{position:absolute;font-size:clamp(1.2rem,2vw,2rem);opacity:.25;animation:gemFloat 12s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,182,193,.3));will-change:transform,opacity}.gem-1{top:5%;left:5%;animation-delay:0s;animation-duration:10s}.gem-2{top:15%;right:8%;animation-delay:.5s;animation-duration:14s}.gem-3{bottom:10%;left:5%;animation-delay:1s;animation-duration:11s}.gem-4{bottom:5%;right:5%;animation-delay:1.5s;animation-duration:13s}.gem-5{top:50%;left:2%;animation-delay:2s;animation-duration:15s}.gem-6{top:50%;right:2%;animation-delay:2.5s;animation-duration:12s}.gem-7{top:20%;left:15%;animation-delay:3s;animation-duration:16s}.gem-8{top:25%;right:18%;animation-delay:3.5s;animation-duration:10s}.gem-9{bottom:25%;left:18%;animation-delay:4s;animation-duration:14s}.gem-10{bottom:20%;right:15%;animation-delay:4.5s;animation-duration:11s}.gem-11{top:65%;left:10%;animation-delay:5s;animation-duration:13s}.gem-12{top:70%;right:12%;animation-delay:5.5s;animation-duration:15s}.gem-13{top:10%;left:55%;animation-delay:6s;animation-duration:12s}.gem-14{bottom:10%;left:55%;animation-delay:6.5s;animation-duration:14s}.gem-15{top:40%;left:30%;animation-delay:7s;animation-duration:11s}.gem-16{top:60%;right:30%;animation-delay:7.5s;animation-duration:13s}.gem-17{bottom:35%;left:5%;animation-delay:8s;animation-duration:15s}.gem-18{top:75%;right:5%;animation-delay:8.5s;animation-duration:10s}.gem-19{top:3%;left:50%;animation-delay:9s;animation-duration:14s}.gem-20{bottom:3%;right:50%;animation-delay:9.5s;animation-duration:12s}@keyframes gemFloat{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.25}25%{transform:translate(20px,-30px) rotate(90deg) scale(1.1);opacity:.35}50%{transform:translate(-15px,-50px) rotate(180deg) scale(.9);opacity:.4}75%{transform:translate(25px,-20px) rotate(270deg) scale(1.05);opacity:.3}}@media(max-width:768px){.app{padding:1rem;align-items:flex-start}.hero{padding-top:2vh;margin-bottom:2rem}.brand-name{font-size:clamp(2rem,10vw,3rem);margin:1rem 0}.tagline{font-size:clamp(.95rem,4vw,1.2rem);margin:1rem 0 2rem;line-height:2}.tagline-word{display:inline-block;margin:.3rem .2rem;padding:.3rem .6rem;font-size:.9em}.profile-section{flex-direction:column;gap:2rem;margin:2rem 0}.profile-image-wrapper{width:180px;height:180px}.profile-label{font-size:1rem}.content{margin-top:2rem}.content-card{padding:1.5rem 1.2rem;margin:0 .5rem}.description{font-size:clamp(.85rem,3vw,1rem)}.profile-overlay{opacity:.6}.profile-image-wrapper:hover .profile-overlay{opacity:1;background:linear-gradient(135deg,#feda75d9,#fa7e1ed9,#d62976d9,#962fbfd9,#4f5bd5d9);background-size:200% 200%}.profile-image-wrapper.youtube-border:hover .profile-overlay{background:#ff0000d9}.overlay-content{gap:.5rem;opacity:0}.profile-image-wrapper:hover .overlay-content{opacity:1}.overlay-icon{width:35px;height:35px}.overlay-text{font-size:.85rem}}@media(max-width:480px){.hero{padding-top:1vh}.profile-image-wrapper{width:160px;height:160px}.overlay-icon{width:45px;height:45px}}html{scroll-behavior:smooth}::selection{background:#ffb6c166;color:#8b008b}
