:root{--pink: #ff0055;--purple: #a855f7;--bg-glass: rgba(255, 255, 255, .08);--border-glass: rgba(255, 255, 255, .18);--text-main: #ffffff;--text-muted: rgba(255, 255, 255, .75)}.about{min-height:100vh;padding:6rem 1.5rem;display:flex;justify-content:center;align-items:center;background:transparent}.about-inner{width:100%}.about-header{text-align:center;margin-bottom:4rem}.about-header h1{font-size:3rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,var(--pink),var(--purple));background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block;-webkit-text-stroke:.1px white}.about-line{display:block;width:90px;height:4px;margin:1rem auto 0;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--purple))}.about-content{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;margin-bottom:4rem}.about-text p{color:var(--text-muted);font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.about-text strong{color:var(--text-main);font-weight:600}.about-highlight{text-align:center;padding:2.5rem;border-radius:20px;background:linear-gradient(135deg,#ff005526,#a855f726);border:1px solid var(--border-glass)}.developer-icon{margin-bottom:1.5rem}.about-highlight h3{font-size:1.4rem;font-weight:700;color:var(--text-main);margin-bottom:.5rem}.about-highlight p{color:var(--text-muted);font-size:.95rem;letter-spacing:.5px}.about-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem}.about-card{padding:2rem;border-radius:18px;text-align:center;background:#00000040;border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .35s ease,box-shadow .35s ease}.about-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0006}.about-icon{font-size:2.3rem;margin-bottom:1rem;color:var(--pink);transition:transform .4s ease}.about-card:hover .about-icon{transform:scale(1.15) rotate(-8deg);animation:floatIcon 1.6s ease-in-out infinite alternate}.about-card h3{color:var(--text-main);font-size:1.2rem;margin-bottom:.5rem}.about-card p{color:var(--text-muted);font-size:.9rem}@media(max-width:900px){.about-content{grid-template-columns:1fr}.about-header h1{font-size:2.4rem}}.rotate-ring{transform-origin:50% 50%;transform-box:fill-box;animation:spin 25s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-card{opacity:0;transform:translateY(14px);animation:cardFadeUp .6s ease forwards}.about-card:nth-child(1){animation-delay:.1s}.about-card:nth-child(2){animation-delay:.2s}.about-card:nth-child(3){animation-delay:.3s}.about-card:nth-child(4){animation-delay:.4s}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}:root{--pink: #ff0055;--purple: #a855f7;--glass-border: rgba(255, 255, 255, .18);--text-main: #ffffff;--text-muted: rgba(255, 255, 255, .75)}.skills-header{text-align:center;margin-bottom:3.2rem}.skills-header h1{font-size:3rem;font-weight:800;letter-spacing:-1px;-webkit-text-stroke:.1px white;background:linear-gradient(135deg,var(--pink),var(--purple));background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block}.skills-header p{margin-top:.6rem;color:var(--text-muted);font-size:.95rem}.skills-line{display:block;width:80px;height:4px;margin:1.1rem auto 0;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--purple))}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;justify-items:center}.skill-card{width:100%;max-width:270px;padding:2rem 1.6rem;border-radius:20px;text-align:center;background:#00000040;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .35s ease,box-shadow .35s ease}.skill-card:hover{transform:translateY(-6px);box-shadow:0 20px 36px #ff005540}.skill-icon{font-size:2rem;color:var(--pink);margin-bottom:.9rem;transition:transform .4s ease}.skill-card:hover .skill-icon{transform:scale(1.12) rotate(-8deg);animation:floatIcon 1.6s ease-in-out infinite alternate}@keyframes floatIcon{0%{transform:translateY(0) scale(1.12) rotate(-6deg)}to{transform:translateY(-5px) scale(1.18) rotate(6deg)}}.skill-card h3{font-size:1.15rem;color:var(--text-main);margin-bottom:.25rem}.skill-desc{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.skill-card ul{list-style:none;padding:0;margin:0}.skill-card li{font-size:.85rem;color:var(--text-muted);padding:3px 0}.skill-card li:before{content:"•";color:var(--pink);margin-right:6px}@media(max-width:1024px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.skills-header h1{font-size:2.3rem}.skills-grid{grid-template-columns:1fr}}.skill-card{opacity:0;transform:translateY(14px);animation:skillFadeUp .6s ease forwards}.skill-card:nth-child(1){animation-delay:.1s}.skill-card:nth-child(2){animation-delay:.2s}.skill-card:nth-child(3){animation-delay:.3s}.skill-card:nth-child(4){animation-delay:.4s}.skill-card:nth-child(5){animation-delay:.5s}.skill-card:nth-child(6){animation-delay:.6s}@keyframes skillFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.education-inner{width:100%}.education-header{text-align:center;margin-bottom:4rem}.education-header h1{font-size:3rem;font-weight:800;letter-spacing:-1px;-webkit-text-stroke:.1px white;background:linear-gradient(135deg,var(--pink),var(--purple));background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block}.education-header p{margin-top:.8rem;color:var(--text-muted);font-size:1rem}.education-line{display:block;width:90px;height:4px;margin:1.3rem auto 0;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--purple))}.education-timeline{position:relative;margin-top:3rem;padding-left:1.5rem}.education-timeline:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:linear-gradient(var(--pink),var(--purple));opacity:.4}.education-item{position:relative;margin-bottom:3rem}.education-content{position:relative;background:#00000040;border:1px solid var(--glass-border);border-radius:18px;padding:1.8rem 2rem 1.8rem 2.6rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(20px);animation:fadeUp .8s ease forwards}.education-item:nth-child(1) .education-content{animation-delay:.1s}.education-item:nth-child(2) .education-content{animation-delay:.25s}.education-content:before{content:"";position:absolute;left:12px;top:26px;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));box-shadow:0 0 10px #f059}.education-content:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0006}.education-date{font-size:.85rem;letter-spacing:1px;color:var(--pink);display:block;margin-bottom:.3rem}.education-content h3{font-size:1.25rem;color:var(--text-main);margin-bottom:.2rem}.education-content h4{font-size:.95rem;color:var(--text-muted);margin-bottom:.8rem}.education-content p{font-size:.9rem;line-height:1.6;color:var(--text-muted)}@media(max-width:768px){.education-timeline{padding-left:1rem}.education-content{padding:1.5rem 1.8rem 1.5rem 2.4rem}}.experience-inner{width:100%}.experience-header{text-align:center;margin-bottom:4rem}.experience-header h1{font-size:3rem;font-weight:800;letter-spacing:-1px;-webkit-text-stroke:.1px white;background:linear-gradient(135deg,var(--pink),var(--purple));background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block}.experience-header p{margin-top:.8rem;color:var(--text-muted);font-size:1rem}.experience-line{display:block;width:90px;height:4px;margin:1.3rem auto 0;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--purple))}.experience-timeline{position:relative;margin-top:3rem;padding-left:1.5rem}.experience-timeline:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:linear-gradient(var(--pink),var(--purple));opacity:.4}.experience-item{position:relative;margin-bottom:3rem}.experience-content{position:relative;background:#00000040;border:1px solid var(--glass-border);border-radius:18px;padding:1.8rem 2rem 1.8rem 2.6rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(20px);animation:fadeUp .8s ease forwards}.experience-item:nth-child(1) .experience-content{animation-delay:.15s}.experience-item:nth-child(2) .experience-content{animation-delay:.3s}.experience-content:before{content:"";position:absolute;left:12px;top:26px;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));box-shadow:0 0 10px #f059}.experience-content:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0006}.experience-date{font-size:.85rem;letter-spacing:1px;color:var(--pink);display:block;margin-bottom:.4rem}.experience-content h3{font-size:1.25rem;color:var(--text-main);margin-bottom:.2rem}.experience-content h4{font-size:.95rem;color:var(--text-muted);margin-bottom:.9rem}.experience-content ul{list-style:none;padding:0;margin:0}.experience-content li{font-size:.9rem;color:var(--text-muted);padding:4px 0;line-height:1.6}.experience-content li:before{content:"•";color:var(--pink);margin-right:6px}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.experience-timeline{padding-left:1rem}.experience-content{padding:1.5rem 1.8rem 1.5rem 2.4rem}.experience-header h1{font-size:2.4rem}}.portfolio-inner{width:100%}.portfolio-header{text-align:center;margin-bottom:3.5rem}.portfolio-header h1{font-size:3rem;font-weight:800;letter-spacing:-1px;-webkit-text-stroke:.1px white;background:linear-gradient(135deg,var(--pink),var(--purple));background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block}.portfolio-header p{margin-top:.8rem;color:var(--text-muted);font-size:1rem}.portfolio-line{display:block;width:90px;height:4px;margin:1.3rem auto 0;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--purple))}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;justify-items:center}.portfolio-card{width:100%;max-width:280px;padding:2.2rem 1.8rem;border-radius:22px;text-align:left;text-decoration:none;background:#00000040;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .35s ease,box-shadow .35s ease}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 22px 40px #ff005540}.portfolio-card h3{font-size:1.2rem;color:var(--text-main);margin-bottom:.5rem}.portfolio-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.2rem}.portfolio-tech{list-style:none;padding:0;margin:0 0 1.4rem;display:flex;flex-wrap:wrap;gap:.5rem}.portfolio-tech li{font-size:.75rem;padding:4px 10px;border-radius:999px;background:#ffffff14;color:var(--text-muted)}.portfolio-cta{display:inline-block;font-size:.85rem;font-weight:500;color:var(--pink);letter-spacing:.5px;transition:transform .3s ease}.portfolio-card:hover .portfolio-cta{transform:translate(4px)}@media(max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.portfolio-header h1{font-size:2.3rem}.portfolio-grid{grid-template-columns:1fr}}.portfolio-card{opacity:0;transform:translateY(14px);animation:portfolioFadeUp .6s ease forwards}.portfolio-card:nth-child(1){animation-delay:.1s}.portfolio-card:nth-child(2){animation-delay:.2s}.portfolio-card:nth-child(3){animation-delay:.3s}.portfolio-card:nth-child(4){animation-delay:.4s}.portfolio-card:nth-child(5){animation-delay:.5s}.portfolio-card:nth-child(6){animation-delay:.6s}@keyframes portfolioFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.blog-inner{width:100%}.blog-header{text-align:center;margin-bottom:3.5rem}.blog-header h1{font-size:3rem;font-weight:800;letter-spacing:-1px;-webkit-text-stroke:.1px white;background:linear-gradient(135deg,var(--pink),var(--purple));background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block}.blog-header p{margin-top:.8rem;color:var(--text-muted);font-size:1rem}.blog-line{display:block;width:90px;height:4px;margin:1.3rem auto 0;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--purple))}.blog-list{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}.blog-card{padding:2.2rem 2rem;border-radius:22px;background:#00000040;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .35s ease,box-shadow .35s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 36px #ff005540}.blog-date{font-size:.8rem;color:var(--pink);letter-spacing:1px;display:block;margin-bottom:.4rem}.blog-card h3{font-size:1.2rem;color:var(--text-main);margin-bottom:.6rem}.blog-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.2rem}.blog-cta{font-size:.85rem;color:var(--pink)}@media(max-width:768px){.blog-list{grid-template-columns:1fr}.blog-header h1{font-size:2.4rem}}.blog-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:.85rem;color:var(--text-main);background:#ffffff14;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-decoration:none;transition:all .25s ease}.blog-back:hover{background:#ff005526;color:var(--pink)}.blog-category{display:inline-block;font-size:.75rem;letter-spacing:1.2px;text-transform:uppercase;color:var(--pink);margin-bottom:.6rem}.blog-title{font-size:2.6rem;font-weight:800;line-height:1.2;margin-bottom:.6rem;background:linear-gradient(135deg,var(--pink),var(--purple));background-clip:text;-webkit-background-clip:text;color:transparent}.blog-date{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:2.5rem}.blog-content{max-width:720px;margin:0 auto}.blog-content p{font-size:1.05rem;line-height:1.9;color:var(--text-muted);margin-bottom:1.6rem}.blog-inner{animation:fadeUp .6s ease both}.blog-card{opacity:0;transform:translateY(14px);animation:blogFadeUp .6s ease forwards}.blog-card:nth-child(1){animation-delay:.1s}.blog-card:nth-child(2){animation-delay:.2s}.blog-card:nth-child(3){animation-delay:.3s}.blog-card:nth-child(4){animation-delay:.4s}@keyframes blogFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.contact-inner{width:100%}.contact-header{text-align:center;margin-bottom:3.5rem}.contact-header h1{font-size:3rem;font-weight:800;letter-spacing:-1px;-webkit-text-stroke:.1px white;background:linear-gradient(135deg,var(--pink),var(--purple));background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block}.contact-header p{margin-top:.8rem;color:var(--text-muted);font-size:1rem;max-width:600px;margin-inline:auto}.contact-line{display:block;width:90px;height:4px;margin:1.3rem auto 0;border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--purple))}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-bottom:3rem}.contact-card{padding:2.4rem 2rem;border-radius:22px;text-align:center;text-decoration:none;background:#00000040;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-main);transition:transform .35s ease,box-shadow .35s ease}.contact-card:hover{transform:translateY(-8px);box-shadow:0 22px 40px #ff005540}.contact-icon{font-size:2.2rem;color:var(--pink);margin-bottom:1rem;transition:transform .4s ease}.contact-card:hover .contact-icon{transform:scale(1.15) rotate(-8deg);animation:floatIcon 1.6s ease-in-out infinite alternate}@keyframes floatIcon{0%{transform:translateY(0) scale(1.15) rotate(-6deg)}to{transform:translateY(-6px) scale(1.2) rotate(6deg)}}.contact-card h3{font-size:1.2rem;margin-bottom:.4rem}.contact-card span{font-size:.9rem;color:var(--text-muted)}.contact-footer{text-align:center;font-size:.95rem;color:var(--text-muted)}.contact-footer strong{color:var(--text-main)}@media(max-width:900px){.contact-cards{grid-template-columns:1fr}.contact-header h1{font-size:2.4rem}}.contact-card{opacity:0;transform:translateY(14px);animation:contactFadeUp .6s ease forwards}.contact-card:nth-child(1){animation-delay:.1s}.contact-card:nth-child(2){animation-delay:.2s}.contact-card:nth-child(3){animation-delay:.3s}@keyframes contactFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}html,body{width:100%;height:100%;margin:0;padding:0}body{background-image:url(/hero.png);background-size:cover;background-position:30% 20%;background-repeat:no-repeat}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;padding:30px 25px;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#fff7fb);transition:background .3s ease,box-shadow .3s ease;z-index:10}.sidebar.scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 30px #00000014}.logo{display:flex;justify-content:center;margin-bottom:40px}.logo svg{cursor:pointer;transition:transform .3s ease}.logo svg:hover{transform:scale(1.05)}.menu{margin-top:40px;flex-grow:1;display:flex;flex-direction:column}.menu a{position:relative;display:flex;align-items:center;gap:12px;padding:18px 0;font-size:13px;font-weight:500;letter-spacing:1.8px;text-transform:uppercase;color:#111;text-decoration:none;transition:color .25s ease}.menu a:after{content:"";position:absolute;left:0;bottom:0;width:calc(100% - 20px);height:1px;background:#00000014}.menu a:hover,.menu a.active{color:#f05}.menu a:hover .menu-dot,.menu a.active .menu-dot{opacity:1}.sidebar-social{margin-top:auto;display:flex;gap:18px;justify-content:center;padding-bottom:10px}.sidebar-social a{color:#999;font-size:20px;transition:color .25s ease,transform .25s ease}.sidebar-social a:hover{color:#f05;transform:translateY(-2px);text-shadow:0 0 8px rgba(255,0,85,.4)}.sidebar-copy{margin-top:10px;font-size:10px;color:#aaa;text-align:center;letter-spacing:1px}.panel{margin-left:260px;min-height:100vh;width:auto}.hero{min-height:100svh;width:100%;background-size:cover;background-position:center right;display:flex;align-items:center}.hero-content{padding-left:10%;color:#fff;max-width:600px}.hero-hello{font-size:14px;letter-spacing:2px;margin-bottom:10px}.hero-name{font-size:64px;font-weight:800;margin-bottom:14px;font-size:clamp(28px,6vw,64px)}.hero-role{display:inline-block;background:#000;padding:6px 14px;font-size:13px;letter-spacing:1px}.page{padding:80px}.page h1{font-size:clamp(28px,5vw,42px);margin-bottom:20px;color:#111}.page p{max-width:700px;line-height:1.7;color:#444;font-size:clamp(15px,2.5vw,17px)}.hamburger{display:none;background:none;border:none;cursor:pointer;width:32px;height:24px;position:absolute;right:20px;top:30px;z-index:100}.hamburger span{position:absolute;width:100%;height:2px;background:#111;transition:all .3s ease}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:11px}.hamburger span:nth-child(3){bottom:0}.hamburger.active span:nth-child(1){transform:rotate(45deg);top:11px}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg);bottom:11px}.mobile-menu{position:fixed;top:0;right:0;height:100vh;width:100%;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transform:translate(100%);transition:transform .4s ease;z-index:50}.mobile-menu.active{transform:translate(0)}.mobile-menu a{position:relative;font-size:18px;letter-spacing:2px;text-transform:uppercase;text-decoration:none;color:#111;transition:color .25s ease,transform .25s ease}.mobile-menu a:hover{color:#f05;transform:translate(6px)}.mobile-menu a.active{color:#f05;font-weight:600;transform:translate(10px)}.mobile-menu a.active:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#f05;border-radius:50%}.menu-overlay{position:fixed;inset:0;background:#00000040;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:40}@media(max-width:1024px){.hero-name{font-size:52px}}@media(max-width:768px){html,body{overflow-x:hidden;overflow-y:auto}.sidebar{width:100%;position:relative;height:auto;min-height:60px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:transparent;padding:10px 16px}.logo{margin-bottom:0}.logo svg{width:64px;height:auto}.hamburger{display:block;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.mobile-menu{width:80%}.panel{margin-left:0;width:100%}.page{padding:40px 20px}.glass-container{padding:2rem 1.5rem;min-height:auto;height:auto}.hero{background-position:center;min-height:100svh}.hero-content{padding-left:6%}.hero-name{font-size:38px}.hero-role{font-size:12px}.menu,.sidebar-social,.sidebar-copy{display:none}}@media(max-width:480px){.hero{padding-top:4rem}.hero-content{max-width:100%}.hero-name{font-size:30px}.hero-hello{font-size:12px;letter-spacing:1.5px}.hero-role{font-size:11px;padding:5px 10px}}.glass-container{width:100%;max-width:1200px;padding:3rem;border-radius:24px;background:#ffffff14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 80px #00000059;min-height:70vh;height:auto;display:flex;flex-direction:column}.animated-container{animation:fadeUp .6s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section{min-height:100vh;padding:6rem 1.5rem;display:flex;justify-content:center;align-items:flex-start;background:transparent}