@import "https://fonts.googleapis.com/css2?family=Pacifico&family=Quicksand:wght@300;400;600;700&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}html{scroll-behavior:smooth}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.hero-content{z-index:2;border:4px solid var(--pink-main);box-shadow:0 20px 60px var(--shadow);background:#ffffffd9;border-radius:40px;padding:4rem 3rem;transition:all .4s;position:relative;transform:rotate(-1deg)}.hero-content:hover{box-shadow:0 30px 80px var(--shadow);transform:rotate(1deg)scale(1.02)}.sparkle-icon{color:var(--pink-main);margin-bottom:1.5rem;display:inline-block}.hero-title{color:var(--pink-main);text-shadow:4px 4px 0 var(--lavender), 8px 8px 0 var(--peach);margin-bottom:1.5rem;font-size:clamp(4rem,12vw,9rem);line-height:.9}.hero-subtitle{color:var(--text);margin-bottom:2rem;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:600}.heart-icon{color:var(--pink-main);display:inline-block}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%)}.scroll-arrow{color:var(--pink-main);font-size:3rem;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}@media (width<=768px){.hero{min-height:90vh}.hero-content{padding:3rem 2rem}}.about{background:0 0}.about-container{text-align:center;max-width:1000px}.about-icon{color:var(--pink-main);margin-bottom:1.5rem}.about-title{color:var(--pink-main);text-shadow:3px 3px 0 var(--lavender);margin-bottom:3rem;font-size:clamp(3.5rem,8vw,6rem);transform:rotate(-2deg)}.about-card{border:4px dashed var(--pink-main);box-shadow:0 15px 50px var(--shadow);background:#ffffffd9;border-radius:35px;padding:3.5rem;transition:all .4s;position:relative;transform:rotate(1deg)}.about-card:before{content:"✨";font-size:2.5rem;position:absolute;top:-20px;right:30px}.about-card:hover{box-shadow:0 25px 70px var(--shadow);transform:rotate(-1deg)scale(1.02)}.about-image-placeholder{background:linear-gradient(135deg, var(--pink-main), var(--lavender));width:180px;height:180px;box-shadow:0 10px 40px var(--shadow);border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 2rem;font-size:5rem;display:flex}.image-glow{display:none}.about-text p{color:var(--text);margin-bottom:1rem;font-size:1.25rem;font-weight:500;line-height:2}@media (width<=768px){.about-card{padding:2.5rem 2rem}}.hobbys-container{width:100%;max-width:1200px}.hobbys-title{color:var(--pink-main);text-align:center;text-shadow:3px 3px 0 var(--lavender);margin-bottom:3.5rem;font-size:clamp(3.5rem,8vw,6rem);transform:rotate(-1deg)}.hobbys-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;display:grid}.hobby-card{border:3px solid var(--pink-main);text-align:center;cursor:pointer;box-shadow:0 10px 30px var(--shadow);background:#ffffffd9;border-radius:25px;padding:2.5rem 2rem;transition:all .4s}.hobby-card:hover{box-shadow:0 20px 50px var(--shadow);transform:translateY(-10px)scale(1.03)}.hobby-card svg{color:var(--pink-main);margin-bottom:1.2rem}.hobby-card h3{color:var(--text);margin-bottom:.8rem;font-size:2rem}.hobby-card p{color:var(--text);font-size:1.2rem;font-weight:500;line-height:1.7}@media (width<=768px){.hobbys-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}}.gaming{background:0 0}.gaming-container{width:100%;max-width:1100px}.gaming-header{color:var(--pink-main);justify-content:center;align-items:center;gap:1.5rem;margin-bottom:3.5rem;display:flex}.gaming-title{color:var(--pink-main);text-shadow:3px 3px 0 var(--lavender);font-size:clamp(3.5rem,8vw,6rem);transform:rotate(1deg)}.games-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;display:grid}.game-card{border:3px solid var(--lavender);text-align:center;cursor:pointer;box-shadow:0 10px 30px var(--shadow);background:#ffffffd9;border-radius:25px;padding:2.5rem 2rem;transition:all .4s}.game-card:hover{box-shadow:0 20px 50px var(--shadow);transform:translateY(-10px)scale(1.05)}.game-emoji{margin-bottom:1.2rem;font-size:5rem}.game-card h3{color:var(--text);font-size:1.7rem;font-weight:700}@media (width<=768px){.games-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.gallery-container{width:100%;max-width:1200px}.gallery-header{color:var(--pink-main);justify-content:center;align-items:center;gap:1.5rem;margin-bottom:3.5rem;display:flex}.gallery-title{color:var(--pink-main);text-shadow:3px 3px 0 var(--lavender);font-size:clamp(3.5rem,8vw,6rem);transform:rotate(-1deg)}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;display:grid}.gallery-item{aspect-ratio:1;cursor:pointer;transition:all .4s}.gallery-placeholder{border:3px solid var(--peach);width:100%;height:100%;box-shadow:0 10px 30px var(--shadow);background:#ffffffd9;border-radius:20px;justify-content:center;align-items:center;font-size:4.5rem;transition:all .4s;display:flex}.gallery-item:hover{z-index:10;transform:scale(1.08)}.gallery-item:hover .gallery-placeholder{box-shadow:0 20px 50px var(--shadow);border-color:var(--pink-main)}@media (width<=768px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.footer{text-align:center;border-top:3px dashed var(--pink-main);background:#ffffffb3;padding:4rem 2rem}.footer-content{max-width:600px;margin:0 auto}.social-links{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.social-links a{color:var(--pink-main);border:3px solid var(--pink-main);box-shadow:0 5px 20px var(--shadow);background:#ffffffe6;border-radius:50%;padding:1rem;transition:all .3s}.social-links a:hover{box-shadow:0 15px 40px var(--shadow);transform:translateY(-5px)scale(1.1)}.footer-text{color:var(--text);justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.2rem;font-weight:600;display:flex}.footer-text svg{color:var(--pink-main)}.footer-copy{color:var(--text);opacity:.8;font-size:1rem}:root{--pink-main:#ff85b3;--pink-light:#ffb3d4;--pink-bg:#ffe5f0;--peach:#ffb88c;--lavender:#d4b5ff;--mint:#b5ffd9;--cream:#fff5f8;--text:#6b4c6f;--shadow:#ff85b366}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg, var(--pink-bg) 0%, var(--cream) 50%, var(--lavender) 100%);color:var(--text);min-height:100vh;font-family:Quicksand,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(300px at 20% 30%,#ff85b380 0%,#0000 50%),radial-gradient(250px at 80% 70%,#d4b5ff80 0%,#0000 50%),radial-gradient(200px at 50% 90%,#ffb88c66 0%,#0000 50%);width:100%;height:100%;animation:20s ease-in-out infinite shapeFloat;position:fixed;top:0;left:0}@keyframes shapeFloat{0%,to{transform:translate(0)}33%{transform:translate(40px,-30px)}66%{transform:translate(-30px,40px)}}body:after{content:"✨ ⭐ ✦ ✨ ⭐ ✦ ✨ ⭐ ✦ ✨ ⭐ ✦ ✨ ⭐ ✦ ✨ ⭐ ✦ ✨ ⭐ ✦ ✨ ⭐ ✦";width:100%;height:100%;color:var(--pink-main);opacity:.3;pointer-events:none;z-index:0;word-wrap:break-word;padding:3rem;font-size:2.5rem;line-height:5;animation:40s linear infinite sparkleFloat;position:fixed;top:0;left:0}@keyframes sparkleFloat{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.app{z-index:1;min-height:100vh;position:relative}.app:before{content:"♡ ♡ ♡";color:var(--pink-main);opacity:.4;z-index:0;pointer-events:none;letter-spacing:3rem;font-size:4rem;animation:10s ease-in-out infinite floatHeart1;position:fixed;top:15%;left:10%}@keyframes floatHeart1{0%,to{transform:translateY(0)}50%{transform:translateY(-50px)}}.app:after{content:"♡ ♡";color:var(--lavender);opacity:.4;z-index:0;pointer-events:none;letter-spacing:2rem;font-size:3.5rem;animation:12s ease-in-out infinite floatHeart2;position:fixed;bottom:20%;right:10%}@keyframes floatHeart2{0%,to{transform:translateY(0)}50%{transform:translateY(40px)}}h1,h2,h3{font-family:Pacifico,cursive;font-weight:400}.section{justify-content:center;align-items:center;min-height:100vh;padding:5rem 2rem;display:flex;position:relative}@media (width<=768px){.section{min-height:auto;padding:4rem 1.5rem}body:after{font-size:2rem;line-height:4}.app:before,.app:after{font-size:3rem}}