:root{--primary: #7c3aed;--primary-light: #a78bfa;--primary-dark: #6d28d9;--primary-bg: rgba(124, 58, 237, .08);--text: #1f2937;--text-light: #6b7280;--text-lighter: #9ca3af;--bg: #ffffff;--bg-alt: #f9fafb;--bg-card: #ffffff;--border: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--section-padding: 6rem 1.5rem;--container-max: 1200px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast: .15s ease;--transition: .3s ease;--transition-slow: .5s ease;--radius-sm: .375rem;--radius: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);color:var(--text);background-color:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text)}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,2.75rem)}h3{font-size:clamp(1.25rem,2vw,1.5rem)}h4{font-size:1.125rem}p{color:var(--text-light);line-height:1.7}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}.section{padding:var(--section-padding)}.section-header{text-align:center;margin-bottom:4rem}.section-title{margin-bottom:1rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:3rem;height:3px;background:var(--primary);border-radius:var(--radius-full)}.section-subtitle{font-size:1.125rem;color:var(--text-light);max-width:600px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:500;border-radius:var(--radius-lg);transition:all var(--transition);cursor:pointer}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #7c3aed59}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.btn-secondary{background:transparent;color:var(--text);border:1.5px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.btn-icon{padding:.75rem;border-radius:var(--radius)}.card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-light);padding:2rem;transition:all var(--transition)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--border)}.tag{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:var(--primary);background:var(--primary-bg);border-radius:var(--radius-full)}.input{width:100%;padding:.875rem 1rem;font-size:1rem;font-family:inherit;color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.input::placeholder{color:var(--text-lighter)}textarea.input{resize:vertical;min-height:150px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-fadeInUp{animation:fadeInUp .6s ease forwards}.animate-fadeIn{animation:fadeIn .6s ease forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@media(max-width:768px){:root{--section-padding: 4rem 1rem}.section-header{margin-bottom:3rem}}::selection{background:var(--primary);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-alt)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-lighter)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.25rem 0;transition:all var(--transition)}.navbar--scrolled{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);padding:.875rem 0}.navbar__container{display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center}.navbar__logo-text{color:var(--text)}.navbar__logo-dot{color:var(--primary)}.navbar__links{display:flex;align-items:center;gap:.5rem}.navbar__link{padding:.5rem 1rem;font-size:.9375rem;font-weight:500;color:var(--text-light);border-radius:var(--radius);transition:all var(--transition)}.navbar__link:hover{color:var(--text);background:var(--bg-alt)}.navbar__link--active{color:var(--primary);background:var(--primary-bg)}.navbar__mobile-btn{display:none;padding:.5rem;color:var(--text);border-radius:var(--radius);transition:all var(--transition)}.navbar__mobile-btn:hover{background:var(--bg-alt)}.navbar__mobile-menu{display:none;position:fixed;inset:0;background:#fffffffa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6rem 2rem 2rem;opacity:0;visibility:hidden;transition:all var(--transition)}.navbar__mobile-menu--open{opacity:1;visibility:visible}.navbar__mobile-links{display:flex;flex-direction:column;gap:.5rem}.navbar__mobile-links li{opacity:0;transform:translate(-20px)}.navbar__mobile-menu--open .navbar__mobile-links li{animation:slideInRight .3s ease forwards}.navbar__mobile-link{display:block;padding:1rem 1.25rem;font-size:1.125rem;font-weight:500;color:var(--text-light);border-radius:var(--radius-lg);transition:all var(--transition)}.navbar__mobile-link:hover{color:var(--text);background:var(--bg-alt)}.navbar__mobile-link--active{color:var(--primary);background:var(--primary-bg)}@media(max-width:768px){.navbar__links{display:none}.navbar__mobile-btn{display:flex;position:relative;z-index:1001}.navbar__mobile-menu{display:block}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:6rem 0}.hero__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero__gradient-1{position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,237,.08) 0%,transparent 70%);border-radius:50%}.hero__gradient-2{position:absolute;bottom:-10%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(167,139,250,.06) 0%,transparent 70%);border-radius:50%}.hero__container{position:relative;z-index:1;text-align:center}.hero__content{max-width:700px;margin:0 auto}.hero__greeting{font-size:1.125rem;font-weight:500;color:var(--text-light);margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem;opacity:0}.hero__wave{display:inline-block;animation:wave 2s ease-in-out infinite;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}50%{transform:rotate(0)}75%{transform:rotate(20deg)}}.hero__name{font-size:clamp(3rem,8vw,5rem);font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,var(--text) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;opacity:0}.hero__tagline{font-size:1.25rem;font-weight:500;color:var(--text);margin-bottom:1.5rem;opacity:0}.hero__divider{color:var(--primary);margin:0 .75rem;opacity:.5}.hero__description{font-size:1.125rem;color:var(--text-light);max-width:500px;margin:0 auto 2.5rem;line-height:1.7;opacity:0}.hero__cta{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;opacity:0}.hero__scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;opacity:0}.hero__scroll-indicator span{font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-lighter)}.hero__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--primary),transparent);animation:scrollLine 1.5s ease-in-out infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}@media(max-width:768px){.hero__description,.hero__tagline{font-size:1rem}.hero__divider{margin:0 .5rem}.hero__scroll-indicator{display:none}}@media(max-width:480px){.hero__cta{flex-direction:column;width:100%}.hero__cta .btn{width:100%}}.about{background:var(--bg-alt)}.about__content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;opacity:0;transform:translateY(30px);transition:all .6s ease}.about--visible .about__content{opacity:1;transform:translateY(0)}.about__text{display:flex;flex-direction:column;gap:1.25rem}.about__intro{font-size:1.25rem;color:var(--text);line-height:1.7}.about__intro strong{color:var(--primary)}.about__text p{font-size:1rem;line-height:1.8}.about__highlights{display:flex;flex-direction:column;gap:1.5rem}.about__card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:2rem;transition:all var(--transition)}.about__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border)}.about__card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-bg);color:var(--primary);border-radius:var(--radius-lg);font-size:1.5rem;margin-bottom:1rem}.about__card h3{font-size:1.125rem;margin-bottom:.5rem}.about__card p{font-size:.9375rem;margin:0}@media(max-width:768px){.about__content{grid-template-columns:1fr;gap:2.5rem}.about__highlights{flex-direction:row}.about__card{flex:1;padding:1.5rem}}@media(max-width:480px){.about__highlights{flex-direction:column}.about__intro{font-size:1.125rem}}.skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.skills__card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:1.75rem;text-align:center;transition:all var(--transition);opacity:0;transform:translateY(20px)}.skills--visible .skills__card{animation:fadeInUp .5s ease forwards}.skills__card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--border)}.skills__icon{width:64px;height:64px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:2rem;transition:all var(--transition)}.skills__card:hover .skills__icon{transform:scale(1.1)}.skills__name{font-size:1rem;font-weight:600;margin-bottom:1rem}.skills__bar{height:6px;background:var(--bg-alt);border-radius:var(--radius-full);overflow:hidden;margin-bottom:.5rem}.skills__progress{height:100%;width:0;border-radius:var(--radius-full);transition:width 1s ease}.skills--visible .skills__progress{width:var(--progress-width)}.skills__level{font-size:.75rem;font-weight:600;color:var(--text-light)}@media(max-width:768px){.skills__grid{grid-template-columns:repeat(2,1fr)}.skills__card{padding:1.5rem}.skills__icon{width:56px;height:56px;font-size:1.75rem}}@media(max-width:480px){.skills__grid{grid-template-columns:repeat(2,1fr);gap:1rem}.skills__card{padding:1.25rem}}.projects{background:var(--bg-alt)}.projects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.projects__card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition);opacity:0;transform:translateY(30px)}.projects--visible .projects__card{animation:fadeInUp .5s ease forwards}.projects__card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--border)}.projects__image{height:180px;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--bg-alt) 100%);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-light)}.projects__placeholder{width:80px;height:80px;background:var(--bg-card);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--primary);box-shadow:var(--shadow)}.projects__content{padding:1.75rem}.projects__title{font-size:1.25rem;margin-bottom:.75rem}.projects__description{font-size:.9375rem;margin-bottom:1.25rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.projects__tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.projects__links{display:flex;gap:.75rem}.projects__btn{flex:1;padding:.75rem 1rem;font-size:.875rem}@media(max-width:1024px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.projects__grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.projects__image{height:160px}.projects__content{padding:1.5rem}}.experience__timeline{max-width:700px;margin:0 auto}.experience__item{display:flex;gap:1.5rem;opacity:0;transform:translate(-20px)}.experience--visible .experience__item{animation:slideInRight .5s ease forwards}.experience__marker{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.experience__icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all var(--transition);position:relative;z-index:1}.experience__item:hover .experience__icon{transform:scale(1.1)}.experience__line{width:2px;flex:1;background:linear-gradient(to bottom,var(--border),transparent);margin-top:.5rem;min-height:40px}.experience__content{padding-bottom:2.5rem}.experience__date{display:inline-block;font-size:.75rem;font-weight:600;color:var(--primary);background:var(--primary-bg);padding:.25rem .75rem;border-radius:var(--radius-full);margin-bottom:.75rem}.experience__title{font-size:1.25rem;margin-bottom:.25rem}.experience__subtitle{font-size:.9375rem;font-weight:500;color:var(--text-light);margin-bottom:.75rem}.experience__description{font-size:.9375rem;line-height:1.7;margin:0}@media(max-width:640px){.experience__item{gap:1rem}.experience__icon{width:40px;height:40px;font-size:1rem}.experience__content{padding-bottom:2rem}.experience__title{font-size:1.125rem}}.contact{background:var(--bg-alt)}.contact__grid{display:grid;grid-template-columns:1fr 1.25fr;gap:4rem;opacity:0;transform:translateY(30px);transition:all .6s ease}.contact--visible .contact__grid{opacity:1;transform:translateY(0)}.contact__info{display:flex;flex-direction:column}.contact__info-title{font-size:1.5rem;margin-bottom:1rem}.contact__info-text{font-size:1rem;margin-bottom:2rem}.contact__details{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2.5rem}.contact__detail{display:flex;align-items:center;gap:1rem}.contact__detail-icon{width:44px;height:44px;background:var(--primary-bg);color:var(--primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.contact__detail-label{display:block;font-size:.75rem;font-weight:500;color:var(--text-lighter);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.125rem}.contact__detail-value{display:block;font-size:.9375rem;font-weight:500;color:var(--text)}.contact__social{margin-top:auto}.contact__social-label{font-size:.875rem;color:var(--text-light);margin-bottom:1rem}.contact__social-links{display:flex;gap:.75rem}.contact__social-link{width:44px;height:44px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.125rem;color:var(--text);transition:all var(--transition)}.contact__social-link:hover{background:var(--social-color);border-color:var(--social-color);color:#fff;transform:translateY(-3px)}.contact__form{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:2.5rem}.contact__form-group{margin-bottom:1.5rem}.contact__label{display:block;font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:.5rem}.input--error{border-color:#ef4444}.input--error:focus{box-shadow:0 0 0 3px #ef44441a}.contact__error{display:block;font-size:.8125rem;color:#ef4444;margin-top:.375rem}.contact__submit{width:100%;padding:1rem;font-size:1rem}.contact__submit:disabled{opacity:.7;cursor:not-allowed}.contact__success{margin-top:1rem;padding:1rem;background:#22c55e1a;color:#16a34a;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:500;text-align:center;animation:fadeIn .3s ease}@media(max-width:768px){.contact__grid{grid-template-columns:1fr;gap:2.5rem}.contact__info{order:2}.contact__form{order:1;padding:2rem}.contact__social{margin-top:2rem}}.footer{background:var(--text);color:#fff;padding:3rem 0 1.5rem}.footer__content{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem}.footer__brand{max-width:300px}.footer__logo{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.footer__logo-dot{color:var(--primary-light)}.footer__tagline{margin-top:.75rem;font-size:.9375rem;color:#fff9;line-height:1.6}.footer__scroll-top{width:44px;height:44px;background:#ffffff1a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;transition:all var(--transition)}.footer__scroll-top:hover{background:var(--primary);transform:translateY(-3px)}.footer__divider{height:1px;background:#ffffff1a;margin-bottom:1.5rem}.footer__stats{display:flex;align-items:center;justify-content:center;gap:2.5rem;margin-bottom:1.5rem}.footer__stat{display:flex;align-items:center;gap:.5rem;color:#ffffff80;font-size:.9rem}.footer__stat-icon{font-size:1.15rem;color:#fff6}.footer__stat-count{font-weight:600;color:#fffc;font-variant-numeric:tabular-nums}.footer__stat-label{font-size:.8125rem;color:#fff6}.footer__like-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#ffffff80;font-size:.9rem;cursor:pointer;transition:all .25s ease;font-family:inherit}.footer__like-btn:hover{background:#ef44441a;border-color:#ef444440}.footer__like-icon{font-size:1.15rem;transition:transform .25s ease,color .25s ease}.footer__like-btn:hover .footer__like-icon{color:#ef4444;transform:scale(1.15)}.footer__like-btn--liked{background:#ef44441f;border-color:#ef444433}.footer__like-btn--liked .footer__like-icon{color:#ef4444}.footer__like-btn--liked .footer__stat-count{color:#ffffffe6}.footer__like-btn--pop .footer__like-icon{animation:likePop .5s ease}@keyframes likePop{0%{transform:scale(1)}30%{transform:scale(1.5)}50%{transform:scale(.9)}70%{transform:scale(1.2)}to{transform:scale(1)}}.footer__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer__copyright{font-size:.875rem;color:#ffffff80}.footer__made-with{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#ffffff80}.footer__heart{color:#ef4444;font-size:1rem;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media(max-width:640px){.footer__content{flex-direction:column;gap:1.5rem;text-align:center}.footer__brand{max-width:none}.footer__scroll-top{align-self:center}.footer__stats{gap:1.5rem}.footer__bottom{flex-direction:column;text-align:center}}