:root{--pink: #FFB6C1;--mint: #7EDAB9;--lavender: #E6E6FA;--yellow: #FFFACD;--blue: #87CEEB;--backColor: #FFF5F5;--text-dark: #4A2B5F;--text-medium: #718096;--text-light: #A0AEC0;--primary-font: "Quicksand", sans-serif}html{scroll-behavior:smooth}body{font-family:var(--primary-font);background-color:var(--backColor);color:var(--text-dark);font-size:16px;margin:0;padding:0;line-height:1.6}h1,h2{text-align:center;margin-bottom:1rem}@keyframes jelly{0%{transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes glow{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-8px) scale(1.1)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-4px) scale(1.05)}}@keyframes rainbow{0%{background:linear-gradient(90deg,var(--pink),var(--lavender))}25%{background:linear-gradient(90deg,var(--lavender),var(--pink))}50%{background:linear-gradient(90deg,var(--pink),var(--lavender))}75%{background:linear-gradient(90deg,var(--lavender),var(--pink))}to{background:linear-gradient(90deg,var(--pink),var(--lavender))}}@keyframes glowEffect{0%{filter:blur(15px);box-shadow:0 0 30px #e6e6fa,0 0 60px #d8bfd8,0 0 90px plum;transform:scale(.9)}50%{filter:blur(25px);box-shadow:0 0 50px #e6e6fa,0 0 100px #d8bfd8,0 0 150px plum;transform:scale(1.1)}to{filter:blur(15px);box-shadow:0 0 30px #e6e6fa,0 0 60px #d8bfd8,0 0 90px plum;transform:scale(.9)}}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative}.back-to-top{position:fixed;bottom:2rem;right:2rem;background:var(--lavender);border:2px solid var(--pink);color:var(--text-dark);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 2px 5px #0003;transition:transform .3s ease}.back-to-top:hover{transform:translateY(-3px)}@media (max-width: 768px){.back-to-top{bottom:1rem;right:1rem;width:35px;height:35px}}header{text-align:center;padding:2rem;border-bottom:5px solid #F8BBD0}.candy-header{background:linear-gradient(135deg,var(--pink),var(--lavender));padding:2rem;text-align:center;box-shadow:0 4px 15px #0000001a;min-height:300px;overflow:hidden}.nav-menu{position:relative;display:flex;justify-content:center;align-items:center;padding:0 2rem;max-width:1400px;margin:0 auto;font-size:1.2rem}.nav-menu ul{display:flex;gap:2rem;list-style:none;padding:0;margin:0;align-items:center;justify-content:center}.nav-menu ul li a{background:linear-gradient(45deg,#4a2b5f,#ff69b4);-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;position:relative;padding:5px 10px;font-weight:600;transition:all .3s ease}.nav-menu ul li a:hover{background:linear-gradient(45deg,#ff69b4,#4a2b5f);-webkit-background-clip:text;background-clip:text}.nav-menu ul li a:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#4a2b5f,#ff69b4);transition:width .3s ease;border-radius:2px}.nav-menu ul li a:hover:before{width:100%}.nav-menu ul li{transition:all .3s ease}.nav-menu ul li:hover{animation:jelly .8s ease}.candy-menu-btn,.mobile-menu{display:none}@media screen and (min-width: 768px) and (max-width: 1024px){.nav-menu{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 1rem;font-size:1rem}.nav-menu ul{gap:1rem;justify-content:flex-start}.nav-menu ul li a{font-size:.9rem;padding:5px 8px}.lang-switch{margin-left:auto;padding-left:1rem}.lang-btn{padding:.2rem .5rem;font-size:.8rem}}@media screen and (max-width: 768px){.candy-menu-btn{display:block;width:40px;height:40px;background:linear-gradient(45deg,var(--pink),var(--lavender));border-radius:50%;position:fixed;top:20px;left:20px;z-index:1001;cursor:pointer;box-shadow:0 2px 10px #ff69b44d;transition:all .3s ease;border:none;animation:pulse 2s infinite}.candy-menu-btn.active{transform:rotate(180deg);background:linear-gradient(45deg,var(--lavender),var(--pink))}.candy-menu-btn:hover{transform:scale(1.1)}.nav-menu{display:none}.mobile-menu{display:flex;position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#ffc0cbf2,#9370dbf2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu.active{opacity:1;visibility:visible;display:flex}.mobile-menu ul{list-style:none;padding:0;margin:0;text-align:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.mobile-menu ul li{margin:0;transform:translateY(20px);opacity:0;transition:all .3s ease}.mobile-menu.active ul li{transform:translateY(0);opacity:1}.mobile-menu ul li a{color:#fff;font-size:24px;text-decoration:none;padding:10px 20px;display:block}.mobile-menu .lang-switch{position:absolute;bottom:50px;left:0;right:0;display:flex;justify-content:center;gap:20px}}.profile-section{display:flex;align-items:center;gap:3rem;margin:3rem auto;max-width:1200px;padding:0 2rem}.profile-image{position:relative;width:200px;height:200px;border-radius:50%;overflow:visible;box-shadow:0 4px 15px #0000001a;transition:all .5s ease;background-color:#e6e6fa;display:flex;align-items:center;justify-content:center;padding:1px;flex-shrink:0;cursor:pointer;border:3px solid transparent;background-image:linear-gradient(#e6e6fa,#e6e6fa),linear-gradient(45deg,var(--pink),var(--lavender));background-origin:border-box;background-clip:content-box,border-box;z-index:1}.profile-image img{width:100%;height:100%;object-fit:cover;border-radius:50%;background-color:transparent;filter:none;transition:transform .8s ease-out;transform:rotate(0)}.profile-image:hover{box-shadow:0 6px 20px #00000026;background-image:linear-gradient(#e6e6fa,#e6e6fa),linear-gradient(180deg,var(--lavender),var(--pink))}.profile-image:hover img{transform:rotate(360deg)}.profile-image:before{content:"";position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;border-radius:50%;background:linear-gradient(45deg,#e6e6fa,#d8bfd8,plum,#e6e6fa);z-index:-2;filter:blur(15px);box-shadow:0 0 30px #e6e6fa,0 0 60px #d8bfd8,0 0 90px plum;opacity:0;transition:opacity .3s ease}.profile-image:hover:before{opacity:1;animation:glowEffect 2s ease-in-out infinite}.profile-text{flex-grow:1}.profile-text h1{font-size:2.8rem;color:#4a2b5f;text-shadow:2px 2px 4px rgba(0,0,0,.1);margin-bottom:1rem;font-weight:700;opacity:.9}.profile-text .subtitle{font-size:1.4rem;color:#4a2b5f;opacity:.9}@media (max-width: 768px){.profile-section{flex-direction:column;text-align:center;gap:2rem}.profile-text h1{font-size:2rem}.profile-text .subtitle{font-size:1.2rem}}.lang-switch{position:absolute;right:2rem;display:flex;gap:.5rem}.lang-btn{background:transparent;border:2px solid #4A2B5F;color:#4a2b5f;padding:.3rem .8rem;border-radius:15px;cursor:pointer;transition:all .3s ease;font-weight:500;display:inline-block!important}.lang-btn:hover{background:#4a2b5f1a;border-color:#ff69b4;color:#ff69b4}.lang-btn.active{background:#4a2b5f;color:#fff;border-color:#4a2b5f}.mobile-menu .lang-switch{position:absolute;bottom:50px;left:0;right:0;display:flex;justify-content:center;gap:20px}.mobile-menu .lang-btn{background:transparent;border:2px solid white;color:#fff;padding:.3rem .8rem;border-radius:15px;cursor:pointer;transition:all .3s ease;font-weight:500}.mobile-menu .lang-btn:hover{background:#ffffff1a}.mobile-menu .lang-btn.active{background:#fff;color:#4a2b5f}.about-content{background:#fff;border-radius:25px;box-shadow:0 4px 15px #0000000d;padding:2rem;margin-top:2rem}.intro{text-align:center;font-size:1.2rem;line-height:1.8;color:var(--text-dark);max-width:800px;margin:0 auto 2rem}.about-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.about-item{background:var(--lavender);padding:1.5rem;border-radius:15px;transition:transform .3s ease}.about-item:hover{transform:translateY(-5px)}.about-item h3{color:var(--text-dark);margin-bottom:1rem;font-size:1.3rem}.about-item p{color:var(--text-medium);line-height:1.6}@media (max-width: 768px){.candy-section{padding:1rem}.about-content{padding:1.5rem}.about-details{grid-template-columns:1fr}.intro{font-size:1.1rem}}.skills-description{text-align:center;font-size:1.2rem;line-height:1.8;color:var(--text-dark);max-width:800px;margin:0 auto 2rem}.skills-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:2rem;max-width:1200px;margin:0 auto}.skill-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;position:relative;z-index:1}.skill-icon{font-size:1.5rem;transition:transform .3s ease;display:inline-block}.skill-name{font-weight:700;color:var(--text-dark);position:relative;z-index:1}.skill-percent{display:block;text-align:right;font-size:.9rem;color:var(--text-dark);position:relative;z-index:1;transition:all .3s ease;margin-top:.2rem}.skill-bubble{background:#fff;padding:1.5rem;border-radius:15px;width:200px;box-shadow:0 4px 15px #0000001a;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:.8rem;transition:all .3s ease}.skill-bubble:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,var(--pink),var(--lavender));opacity:0;transition:opacity .3s ease;z-index:0}.skill-bubble:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 8px 25px #00000026}.skill-bubble:hover:before{opacity:.1}.skill-bubble:hover .skill-icon{animation:bounce .5s ease infinite}.skill-bubble:hover .progress{background:linear-gradient(90deg,var(--lavender),var(--pink));animation:rainbow 2s linear infinite}.skill-bubble:hover .skill-percent{color:var(--pink);font-weight:700;transform:scale(1.1)}.progress-bar{width:100%;background:#0000001a;height:10px;border-radius:10px;overflow:hidden;margin:.5rem 0;position:relative;z-index:1;box-shadow:inset 0 1px 3px #0000001a}.progress{height:100%;border-radius:10px;background:linear-gradient(90deg,var(--pink),var(--lavender));position:relative;transition:width .5s cubic-bezier(.34,1.56,.64,1)}.progress-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:glow 2s infinite}@media (max-width: 768px){.skills-container{padding:1rem;gap:1rem}.skill-bubble{width:100%;max-width:300px}}.projects-description{text-align:center;font-size:1.2rem;line-height:1.8;color:var(--text-dark);max-width:800px;margin:0 auto 2rem}.categories-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0}.category-tag{background:var(--pink);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease}.category-tag:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0003}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem 0}.candy-card{background:#fff;border-radius:15px;padding:1.5rem;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:box-shadow .3s ease,border-color .3s ease;border:3px solid transparent;position:relative}.candy-card:hover{border-color:var(--pink);box-shadow:0 8px 25px #00000026;transform:none!important}.card-content{padding:1.5rem}.project-image{width:100%;height:200px;object-fit:cover;border-radius:10px;margin:1rem 0}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tech-tag{border:2px solid var(--lavender);color:var(--text-dark);padding:.3rem .8rem;border-radius:5px;font-size:.8rem}.card-links{display:flex;gap:1rem;margin-top:1rem}.btn-code,.btn-demo{flex:1;text-align:center;padding:.5rem 1rem;border-radius:20px;text-decoration:none;color:#fff;transition:transform .3s ease;font-weight:600}.btn-code{background:var(--pink)}.btn-demo{background:var(--lavender);color:var(--text-dark)}.btn-code:hover,.btn-demo:hover{transform:scale(1.05)}.btn-code.disabled,.btn-demo.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.coming-soon{text-align:center;font-size:1.2rem;font-weight:600;color:var(--pink);margin-top:2rem;animation:pulse 2s infinite}.coming-soon-image{width:100%;height:200px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4);display:flex;align-items:center;justify-content:center;border-radius:10px;margin:1rem 0}.coming-soon-image span{color:#fff;font-size:1.2rem;font-weight:600;text-align:center;padding:1rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.candy-section{padding:1rem}.projects-description{font-size:1.1rem}.projects-grid,.card-container{grid-template-columns:1fr}.categories-container{flex-direction:column;align-items:center}}main{flex:1}.main-container{width:100%;min-height:100vh;background-color:var(--backColor);padding:2rem 0}.candy-section{max-width:1600px;margin:3rem auto;padding:2rem}@media (max-width: 768px){.main-container{padding:1rem 0}.candy-section{padding:1rem}}.candy-footer{border-top:5px solid #F8BBD0;background:linear-gradient(135deg,var(--lavender),var(--pink));padding:2rem;text-align:center;margin-top:0rem;color:var(--text-dark)}.social-links{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:1.5rem}.social-icon{display:flex;align-items:center;gap:.5rem;color:var(--text-dark);text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:20px;background:#fff3;transition:all .3s ease;position:relative}.social-icon:hover{background:#fff6;transform:translateY(-3px)}.candy-icon{font-size:1.5rem;animation:bounce 1.5s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(10deg)}}.candy-footer p{margin:0;font-size:1rem;opacity:.8}@media (max-width: 768px){.social-links{flex-direction:column;gap:1rem}.social-icon{justify-content:center}}.candy-header{position:relative;background:linear-gradient(135deg,#ffb6c1,#e6e6fa);padding:2rem;text-align:center;min-height:300px;overflow:hidden}.candy{position:absolute;width:24px;height:24px;transform-origin:center}.candy.lollipop:before{content:"🍭";font-size:24px;position:absolute;top:0;left:0}.candy.candy-wrap:before{content:"🍬";font-size:24px;position:absolute;top:0;left:0}.candy.chocolate:before{content:"🍫";font-size:24px;position:absolute;top:0;left:0}.candy-container{position:absolute;width:100%;height:400px;top:0;left:0;pointer-events:none;z-index:1}@media screen and (max-width: 768px){.candy-container{position:fixed;height:100vh;max-height:500px}}@keyframes fall{0%{transform:translateY(-20px) translate(0) rotate(0);opacity:1}90%{opacity:1}to{transform:translateY(var(--fallDistance)) translate(var(--swayDistance)) rotate(var(--rotate));opacity:0}}