:root{--pink:#ff6b9d;--pink-light:#ffa0c4;--pink-dark:#e84580;--pink-glow:#ff6b9d66;--lavender:#c9a0dc;--purple:#9b72cf;--purple-deep:#7c4dbd;--mint:#a8e6cf;--peach:#ffd3b6;--yellow:#fff1a8;--sky:#a8d8ea;--rose:#f9c5d1;--white:#fff;--bg:#fef0f5;--bg-alt:#f5e6ff;--text:#3d2b3d;--text-light:#7a6577;--card-bg:#ffffffbf;--glass-border:#ffffff80;--shadow-sm:0 4px 15px #ff6b9d1a;--shadow-md:0 8px 32px #ff6b9d26;--shadow-lg:0 16px 48px #9b72cf33;--radius:24px;--radius-sm:14px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Quicksand,sans-serif;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(var(--pink), var(--lavender));border-radius:10px}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);background:#fef0f5b3;border-bottom:1px solid #ffffff4d;justify-content:space-between;align-items:center;padding:12px 5%;transition:all .4s;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{padding:8px 5%;box-shadow:0 4px 30px #ff6b9d26}.nav-logo{background:linear-gradient(135deg, var(--pink), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Pacifico,cursive;font-size:1.6rem;text-decoration:none}.nav-links{align-items:center;gap:8px;list-style:none;display:flex}.nav-links a{color:var(--text);border-radius:50px;padding:8px 18px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--pink-dark);background:linear-gradient(135deg,#ff6b9d1f,#c9a0dc1f)}.menu-toggle{color:var(--pink);cursor:pointer;background:0 0;border:none;border-radius:12px;width:44px;height:44px;font-size:1.5rem;transition:background .3s;display:none}.menu-toggle:hover{background:#ff6b9d1a}section{padding:100px 5%;position:relative}.section-header{text-align:center;margin-bottom:60px}.section-header h2{background:linear-gradient(135deg, var(--pink-dark), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.5rem;font-weight:700;display:inline-block}.section-header p{color:var(--text-light);font-size:1.1rem}.section-emoji{margin-bottom:10px;font-size:2.5rem;display:inline-block}.hero{background:linear-gradient(135deg,#fef0f5 0%,#ede0ff 40%,#e0f4f0 70%,#fef0f5 100%);justify-content:center;align-items:center;min-height:100vh;padding:100px 5% 60px;display:flex;position:relative;overflow:hidden}.hero-bg-gradient{z-index:0;background:radial-gradient(600px 600px at 20%,#ff6b9d1f,#0000),radial-gradient(500px 500px at 80% 30%,#c9a0dc26,#0000),radial-gradient(400px 400px at 60% 80%,#a8e6cf1a,#0000);position:absolute;inset:0}.hero-content{z-index:2;align-items:center;gap:60px;width:100%;max-width:1100px;display:flex;position:relative}.hero-text{flex:1}.hero-text .greeting{color:var(--lavender);align-items:center;gap:8px;margin-bottom:8px;font-size:1.05rem;font-weight:600;display:flex}.hero-text h1{background:linear-gradient(135deg, var(--pink-dark), var(--purple-deep));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:3.2rem;font-weight:700;line-height:1.15}.hero-text .tagline{color:var(--text);min-height:1.8em;margin-bottom:8px;font-size:1.2rem}.hero-text .tagline .cursor{background:var(--pink);vertical-align:text-bottom;width:2px;height:1.2em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-text .desc{color:var(--text-light);margin-bottom:28px;font-size:1rem}.hero-buttons{flex-wrap:wrap;gap:14px;display:flex}.btn{cursor:pointer;border:none;border-radius:50px;outline:none;align-items:center;gap:8px;padding:13px 34px;font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--pink), var(--pink-dark));color:#fff;box-shadow:0 6px 25px var(--pink-glow)}.btn-primary:hover{box-shadow:0 10px 35px #ff6b9d80}.btn-outline{color:var(--pink-dark);border:2px solid var(--pink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80}.btn-outline:hover{background:var(--pink);color:#fff}.hero-image-wrapper{flex:0 0 400px;justify-content:center;align-items:center;height:400px;display:flex;position:relative}.hero-image-ring{border:3px dashed #ff6b9d4d;border-radius:50%;width:360px;height:360px;animation:20s linear infinite spinSlow;position:absolute}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-image-circle{background:linear-gradient(135deg, var(--pink-light), var(--lavender));border-radius:50%;justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 50px #ff6b9d4d,0 0 80px #c9a0dc26}.hero-image-circle img{object-fit:cover;width:100%;height:100%}.floating-icon{filter:drop-shadow(0 3px 8px #00000014);z-index:3;font-size:1.6rem;position:absolute}.surprise-popup{border:2px solid var(--pink-light);z-index:200;cursor:pointer;text-align:center;background:linear-gradient(135deg,#fff,#fef0f5);border-radius:20px;max-width:250px;padding:20px 28px;position:fixed;bottom:30px;right:30px;box-shadow:0 15px 50px #ff6b9d4d}.surprise-popup .surprise-emoji{margin-bottom:8px;font-size:2.5rem;display:block}.surprise-popup p{color:var(--pink-dark);margin-bottom:4px;font-size:1rem;font-weight:700}.surprise-popup .surprise-tap{color:var(--text-light);opacity:.7;font-size:.72rem}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass-card:hover{box-shadow:var(--shadow-lg)}.about{background:linear-gradient(180deg, #fff, var(--bg))}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;max-width:1000px;margin:0 auto;display:grid}.about-card{padding:35px}.about-card h3{color:var(--pink-dark);margin-bottom:14px;font-size:1.3rem}.about-card p{color:var(--text-light);margin-bottom:10px}.about-card em{color:var(--purple);font-style:italic}.about-stats{grid-template-columns:1fr 1fr;gap:18px;display:grid}.stat-item{text-align:center;background:var(--card-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);cursor:default;border-radius:18px;padding:22px;transition:all .3s}.stat-item:hover{transform:translateY(-5px)scale(1.05)}.stat-icon{margin-bottom:6px;font-size:2rem;display:block}.stat-num{background:linear-gradient(135deg, var(--pink-dark), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:2rem;font-weight:700}.stat-label{color:var(--text-light);margin-top:2px;font-size:.8rem}.fun-facts{border-top:1px dashed #ff6b9d33;margin-top:20px;padding-top:16px}.fun-facts h4{color:var(--purple);margin-bottom:10px;font-size:.95rem}.fun-facts-row{gap:10px;margin-bottom:10px;display:flex}.fun-fact-btn{border:2px solid var(--pink-light);cursor:pointer;background:#fffc;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex}.fun-fact-btn.active{background:linear-gradient(135deg, var(--pink-light), var(--lavender));border-color:var(--pink);box-shadow:0 4px 15px var(--pink-glow)}.fun-fact-btn:hover{border-color:var(--pink)}.fun-fact-reveal{border:1px solid var(--pink-light);color:var(--purple-deep);background:linear-gradient(135deg,#ff6b9d14,#c9a0dc14);border-radius:14px;padding:12px 18px;font-size:.95rem;font-weight:600}.skills{background:linear-gradient(180deg, var(--bg), #f0e6ff)}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;max-width:1000px;margin:0 auto;display:grid}.skill-card{text-align:center;cursor:pointer;padding:30px;position:relative}.skill-icon-wrap{background:linear-gradient(135deg,#ff6b9d1a,#c9a0dc1a);border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 14px;font-size:2rem;display:flex}.skill-card h3{color:var(--purple);margin-bottom:6px;font-size:1.05rem}.skill-card p{color:var(--text-light);margin-bottom:14px;font-size:.88rem}.skill-bar{background:#f0e0f0;border-radius:10px;height:8px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg, var(--pink), var(--lavender), var(--mint));background-size:200% 100%;border-radius:10px;height:100%;animation:3s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skill-pct{color:var(--pink-dark);margin-top:6px;font-size:.8rem;font-weight:700;display:block}.education{background:linear-gradient(#f0e6ff,#e6f7f0)}.timeline{max-width:700px;margin:0 auto;padding-left:45px;position:relative}.timeline:before{content:"";background:linear-gradient(180deg, var(--pink), var(--lavender), var(--mint));border-radius:3px;width:3px;position:absolute;top:0;bottom:0;left:16px}.timeline-item{margin-bottom:30px;position:relative}.timeline-dot{background:linear-gradient(135deg, var(--pink), var(--lavender));border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:10px;left:-37px;overflow:hidden;box-shadow:0 0 0 6px #ff6b9d26}.timeline-card{border-radius:var(--radius);background:var(--card-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:24px;transition:all .3s}.timeline-card:hover{box-shadow:var(--shadow-md);transform:translate(8px)}.timeline-card .year{color:var(--pink);font-size:.9rem;font-weight:700}.timeline-card h3{color:var(--purple);margin:4px 0 6px}.timeline-card p{color:var(--text-light);font-size:.92rem}.portfolio{background:linear-gradient(180deg, #e6f7f0, var(--bg))}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1100px;margin:0 auto;display:grid}.portfolio-card{border-radius:var(--radius);background:var(--card-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.portfolio-card:hover{box-shadow:0 20px 50px #ff6b9d33}.portfolio-thumb{justify-content:center;align-items:center;height:180px;font-size:3.5rem;display:flex;position:relative;overflow:hidden}.portfolio-thumb:after{content:"";background:linear-gradient(#0000 60%,#fffc);position:absolute;inset:0}.portfolio-info{padding:20px}.portfolio-info h3{color:var(--pink-dark);margin-bottom:6px;font-size:1.1rem}.portfolio-info p{color:var(--text-light);margin-bottom:12px;font-size:.88rem}.portfolio-tags{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.tag{color:var(--purple);cursor:default;background:linear-gradient(135deg,#ff6b9d14,#c9a0dc14);border:1px solid #c9a0dc40;border-radius:20px;padding:4px 14px;font-size:.76rem;font-weight:600}.portfolio-link{color:var(--pink-dark);border:1px solid var(--pink-light);background:linear-gradient(135deg,#ff6b9d1a,#c9a0dc1a);border-radius:20px;padding:6px 16px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.portfolio-link:hover{background:var(--pink);color:#fff;border-color:var(--pink)}.contact{background:linear-gradient(180deg, var(--bg), #fef0f5)}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:900px;margin:0 auto;display:grid}.contact-card{text-align:center;border-radius:var(--radius);background:var(--card-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);color:var(--text);padding:30px;text-decoration:none;transition:all .3s}.contact-card:hover{box-shadow:var(--shadow-md)}.contact-icon{margin-bottom:10px;font-size:2.2rem;display:block}.contact-card h4{color:var(--purple);margin-bottom:4px}.contact-card p{color:var(--text-light);word-break:break-all;font-size:.85rem}footer{text-align:center;background:linear-gradient(135deg, var(--pink), var(--purple-deep));color:#fff;padding:35px 5%;position:relative;overflow:hidden}footer:before{content:"";background:radial-gradient(at 50% 0,#ffffff26,#0000 70%);position:absolute;inset:0}footer p{opacity:.9;z-index:1;font-size:.9rem;position:relative}.footer-decor{z-index:1;margin-bottom:8px;font-size:1.3rem;position:relative}.sparkle{pointer-events:none;z-index:9999;font-size:16px;animation:.7s forwards sparkleAnim;position:fixed}@keyframes sparkleAnim{0%{opacity:1;transform:scale(1)translateY(0)rotate(0)}to{opacity:0;transform:scale(.2)translateY(-40px)rotate(180deg)}}@media (width<=768px){.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fef0f5f7;flex-direction:column;gap:8px;width:75%;height:100vh;padding:100px 30px;transition:right .4s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:0;right:-100%;box-shadow:-10px 0 40px #0000001a}.nav-links.active{display:flex;right:0}.menu-toggle{z-index:101;justify-content:center;align-items:center;display:flex}.hero-content{text-align:center;flex-direction:column-reverse;gap:30px}.hero-text h1{font-size:2.2rem}.hero-text .greeting,.hero-buttons{justify-content:center}.hero-image-wrapper{flex:0 0 300px;height:300px}.hero-image-circle{width:240px;height:240px}.hero-image-ring{width:290px;height:290px}.about-grid,.portfolio-grid{grid-template-columns:1fr}.section-header h2{font-size:2rem}.floating-icon{font-size:1.2rem}.surprise-popup{max-width:none;bottom:15px;left:15px;right:15px}.contact-grid{grid-template-columns:1fr}}@media (width<=480px){.hero-text h1{font-size:1.8rem}.section-header h2{font-size:1.6rem}.about-stats,.skills-grid{grid-template-columns:1fr}}