@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}nav{background:var(--color-nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);position:fixed;left:1.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.3rem;padding:.8rem;border-radius:1rem;z-index:100;transition:var(--transition)}nav a{display:flex;align-items:center;gap:.8rem;padding:.7rem;border-radius:.6rem;color:var(--color-light);font-size:1.1rem;transition:var(--transition);position:relative}nav a:hover{background:var(--color-primary-variant);color:var(--color-primary)}nav a.active{background:var(--gradient-primary);color:var(--color-white);box-shadow:0 0 20px #6c63ff4d}.nav__label{font-size:.8rem;font-weight:500;opacity:0;width:0;overflow:hidden;transition:var(--transition);white-space:nowrap}nav:hover .nav__label{opacity:1;width:auto;margin-left:.3rem}.nav-toggle{display:none;position:fixed;top:1rem;right:1rem;z-index:101;background:var(--color-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);color:var(--color-white);width:3rem;height:3rem;border-radius:.8rem;cursor:pointer;font-size:1.3rem;align-items:center;justify-content:center}@media screen and (max-width: 768px){.nav-toggle{display:flex}nav{position:fixed;left:0;top:0;transform:none;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%;padding:.6rem 1rem;border-radius:0;border:none;border-bottom:1px solid var(--color-border);gap:.2rem;transition:transform .4s ease}nav:not(.nav__menu-open){transform:translateY(-110%)}nav.nav__menu-open{transform:translateY(0)}.nav__label{opacity:1;width:auto;font-size:.65rem}nav a{flex-direction:column;gap:.1rem;padding:.4rem .6rem;font-size:1rem}}header{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.header__bg-gradient{position:absolute;top:-50%;right:-20%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(108,99,255,.08) 0%,transparent 70%);pointer-events:none}.header__container{display:flex;align-items:center;justify-content:center;min-height:80vh;position:relative}.header__content{text-align:center;max-width:700px}.header__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1.2rem;border-radius:2rem;background:var(--color-primary-variant);color:var(--color-primary);font-size:.8rem;font-weight:500;margin-bottom:1.5rem;border:1px solid var(--color-border)}.header__greeting{font-size:1.1rem;font-weight:400;color:var(--color-light);margin-bottom:.5rem}.header__name{font-size:clamp(2.5rem,6vw,4rem);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:1rem}.header__role-wrapper{font-size:clamp(1rem,2.5vw,1.3rem);margin-bottom:1.5rem;min-height:1.8rem;display:flex;align-items:center;justify-content:center;gap:.2rem;flex-wrap:wrap}.header__role-prefix,.header__role-suffix{color:var(--color-primary);font-weight:600;opacity:.5}.header__role-text{color:var(--color-secondary);font-weight:500}.header__cursor{color:var(--color-primary);font-weight:300;animation:blink .8s step-end infinite}@keyframes blink{50%{opacity:0}}.header__description{color:var(--color-light);font-size:1rem;max-width:550px;margin:0 auto 1rem;line-height:1.8}.header__tech-stack{color:var(--color-light);font-size:.85rem;max-width:550px;margin:0 auto 2rem;line-height:1.6;opacity:.75;font-weight:400}.header__tech-stack strong{color:var(--color-secondary)}.header__socials{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.header__social-link{display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;border:1px solid var(--color-border);color:var(--color-light);font-size:1.2rem;transition:var(--transition)}.header__social-link:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-3px)}@media screen and (max-width: 600px){.header__socials{gap:.8rem}}.about__container{display:grid;grid-template-columns:35% 55%;gap:10%;align-items:start}.about__me{display:flex;justify-content:center}.about__me-image-wrapper{position:relative;width:100%;max-width:350px}.about__me-image{border-radius:2rem;overflow:hidden;border:2px solid var(--color-border);transition:var(--transition);position:relative;z-index:1}.about__me-image:hover{border-color:var(--color-primary);transform:scale(1.02)}.about__me-glow{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background:radial-gradient(circle,rgba(108,99,255,.1) 0%,transparent 70%);pointer-events:none}.about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.about__stat-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:1rem;padding:1.2rem 1rem;text-align:center;transition:var(--transition)}.about__stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.about__stat-icon{font-size:1.5rem;color:var(--color-primary);display:block;margin-bottom:.5rem}.about__stat-value{font-size:1.5rem;font-weight:700;color:var(--color-white)}.about__stat-label{color:var(--color-light);font-size:.75rem}.about__bio{color:var(--color-light);margin-bottom:1rem;line-height:1.8;font-size:.95rem}.about__bio strong{color:var(--color-primary)}.about__experience{margin:2rem 0}.about__experience h4{color:var(--color-primary);margin-bottom:1.2rem;font-size:1.1rem}.about__timeline{position:relative;padding-left:1.5rem;border-left:2px solid var(--color-border)}.about__timeline-item{position:relative;margin-bottom:1.5rem;padding-left:1rem}.about__timeline-dot{position:absolute;left:-1.65rem;top:.3rem;width:.8rem;height:.8rem;border-radius:50%;background:var(--color-primary);border:2px solid var(--color-bg)}.about__timeline-content h5{font-size:.95rem;color:var(--color-white)}.about__timeline-company{display:block;font-size:.8rem;color:var(--color-primary);font-weight:500}.about__timeline-date{display:block;font-size:.75rem;color:var(--color-light);margin-top:.2rem}@media screen and (max-width: 1024px){.about__container{grid-template-columns:1fr;gap:3rem}.about__me{width:60%;margin:0 auto}.about__stats{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 600px){.about__me{width:70%}.about__stats{grid-template-columns:1fr;gap:.8rem}}.experience__container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.experience__category{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:1.2rem;padding:2rem;transition:var(--transition)}.experience__category:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.experience__category-title{color:var(--color-primary);font-size:1.1rem;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid var(--color-border)}.experience__skills{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.experience__skill{display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;border-radius:.6rem;background:var(--color-primary-variant);transition:var(--transition)}.experience__skill:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.experience__skill:hover .experience__skill-icon{color:var(--color-white)}.experience__skill-icon{font-size:1.1rem;color:var(--color-primary);display:flex;transition:var(--transition)}.experience__skill-name{font-size:.8rem;font-weight:500}@media screen and (max-width: 1024px){.experience__container{grid-template-columns:1fr}}@media screen and (max-width: 600px){.experience__category{padding:1.5rem}.experience__skills{grid-template-columns:1fr}}.services__container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.service__card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:1rem;padding:2rem 1.5rem;text-align:center;transition:var(--transition)}.service__card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.service__icon{display:inline-flex;font-size:2rem;color:var(--color-primary);margin-bottom:1rem;padding:.8rem;border-radius:1rem;background:var(--color-primary-variant)}.service__title{font-size:1.1rem;color:var(--color-white);margin-bottom:.8rem}.service__description{font-size:.85rem;color:var(--color-light);line-height:1.7}@media screen and (max-width: 1024px){.services__container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){.services__container{grid-template-columns:1fr}}.portfolio__filters{display:flex;justify-content:center;gap:.8rem;margin-bottom:3rem;flex-wrap:wrap}.portfolio__filter-btn{padding:.6rem 1.5rem;border-radius:2rem;background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-light);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition);font-family:inherit}.portfolio__filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.portfolio__filter-btn.active{background:var(--gradient-primary);color:var(--color-white);border-color:transparent}.portfolio__container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.portfolio__item{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;transition:var(--transition)}.portfolio__item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.portfolio__item-image{position:relative;height:200px;overflow:hidden}.portfolio__item-image img{height:100%;object-fit:cover;transition:transform .6s ease}.portfolio__item:hover .portfolio__item-image img{transform:scale(1.1)}.portfolio__item-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:var(--color-bg-variant);color:var(--color-primary);font-size:2.5rem}.portfolio__item-placeholder span{font-size:.85rem;font-weight:500;color:var(--color-light)}.portfolio__item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a1ae6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;padding:1.5rem;opacity:0;transition:var(--transition);pointer-events:none}.portfolio__item:hover .portfolio__item-overlay{opacity:1}.portfolio__item-overlay p{color:var(--color-white);font-size:.85rem;line-height:1.7}.portfolio__item-info{padding:1.2rem}.portfolio__item-title{font-size:1rem;font-weight:600;margin-bottom:.8rem;color:var(--color-white)}.portfolio__item-tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.portfolio__item-tech-tag{font-size:.7rem;padding:.2rem .6rem;border-radius:.3rem;background:var(--color-primary-variant);color:var(--color-primary);font-weight:500}.portfolio__item-cta{display:flex;gap:.8rem}.portfolio__item-cta .btn{font-size:.8rem;padding:.5rem 1rem}@media screen and (max-width: 1024px){.portfolio__container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 600px){.portfolio__container{grid-template-columns:1fr}}.contact__container{display:grid;grid-template-columns:35% 58%;gap:7%}.contact__options{display:flex;flex-direction:column;gap:1.2rem}.contact__option{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem;transition:var(--transition)}.contact__option:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.contact__option-icon{font-size:1.5rem;color:var(--color-primary)}.contact__option h4{font-size:1rem;color:var(--color-white)}.contact__option span{font-size:.8rem;color:var(--color-light)}.contact__option a{font-size:.8rem;font-weight:500;margin-top:.3rem}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{width:100%;padding:1.2rem 1.5rem;border-radius:.8rem;background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-white);font-family:inherit;font-size:.9rem;transition:var(--transition)}input:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-variant)}input::placeholder,textarea::placeholder{color:var(--color-light)}.contact__success{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;border-radius:.5rem;background:#00c8531a;border:1px solid rgba(0,200,83,.3);color:#00c853;font-size:.85rem}[data-theme=light] .contact__success{background:#00c8530d}@media screen and (max-width: 1024px){.contact__container{grid-template-columns:1fr;gap:2rem}}@media screen and (max-width: 600px){.contact__container{width:var(--container-width-sm)}}footer{background:var(--color-bg-variant);border-top:1px solid var(--color-border);padding:4rem 0 2rem;margin-top:8rem}.footer__container{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.footer__brand h3{font-size:1.3rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer__brand p{color:var(--color-light);font-size:.85rem;margin-top:.2rem}.footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.footer__links a{color:var(--color-light);font-size:.9rem;font-weight:500;transition:var(--transition)}.footer__links a:hover{color:var(--color-primary)}.footer__socials{display:flex;gap:1rem}.footer__socials a{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--color-border);color:var(--color-light);font-size:1.1rem;transition:var(--transition)}.footer__socials a:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.footer__copyright{color:var(--color-light);font-size:.8rem;display:flex;align-items:center;gap:.3rem;justify-content:center}.footer__copyright svg{color:var(--color-accent)}*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box;list-style:none;text-decoration:none}:root{--color-bg: #0a0a1a;--color-bg-variant: #14143a;--color-primary: #6c63ff;--color-primary-variant: rgba(108, 99, 255, .3);--color-secondary: #00d4ff;--color-accent: #ff6b9d;--color-white: #fff;--color-light: rgba(255, 255, 255, .7);--color-card-bg: rgba(20, 20, 58, .6);--color-border: rgba(108, 99, 255, .2);--color-nav-bg: rgba(10, 10, 26, .85);--transition: all .4s cubic-bezier(.4, 0, .2, 1);--container-width-lg: 78%;--container-width-md: 86%;--container-width-sm: 92%;--gradient-primary: linear-gradient(135deg, #6c63ff 0%, #00d4ff 100%);--gradient-accent: linear-gradient(135deg, #ff6b9d 0%, #6c63ff 100%);--shadow-glow: 0 0 30px rgba(108, 99, 255, .15)}[data-theme=light]{--color-bg: #f0f2f5;--color-bg-variant: #ffffff;--color-primary: #6c63ff;--color-primary-variant: rgba(108, 99, 255, .15);--color-secondary: #0099cc;--color-accent: #e0557a;--color-white: #1a1a2e;--color-light: rgba(26, 26, 46, .6);--color-card-bg: rgba(255, 255, 255, .85);--color-border: rgba(108, 99, 255, .15);--color-nav-bg: rgba(240, 242, 245, .9);--shadow-glow: 0 0 30px rgba(108, 99, 255, .08)}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent}body{font-family:Poppins,sans-serif;background:var(--color-bg);color:var(--color-white);line-height:1.7;transition:background .4s ease,color .4s ease}section{margin-top:8rem;position:relative}section>h5{text-align:center;color:var(--color-light);font-weight:400;font-size:.9rem;letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem}section>h2{text-align:center;color:var(--color-primary);font-size:2.2rem;margin-bottom:4rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}a{color:var(--color-primary);transition:var(--transition)}a:hover{color:var(--color-secondary)}img{display:block;width:100%;object-fit:cover}.container{width:var(--container-width-lg);margin:0 auto}.text-light{color:var(--color-light)}.btn{width:max-content;display:inline-flex;align-items:center;gap:.5rem;color:var(--color-primary);padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;border:1px solid var(--color-primary);transition:var(--transition);font-size:.9rem;font-weight:500;background:transparent}.btn:hover{background:var(--color-primary);color:var(--color-white);border-color:transparent;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary{background:var(--gradient-primary);color:var(--color-white);border:none}.btn-primary:hover{background:var(--gradient-accent);box-shadow:0 0 40px #6c63ff4d}.section__wrapper{display:grid;gap:3rem}.card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:1rem;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition)}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-radius:2rem;background:var(--color-primary-variant);color:var(--color-primary);font-size:.8rem;font-weight:500;margin-bottom:1rem}.theme-toggle{position:fixed;top:1rem;left:1rem;z-index:200;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-white);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition)}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:var(--shadow-glow)}.header__cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}@media screen and (max-width: 1024px){.container{width:var(--container-width-md)}section{margin-top:6rem}}@media screen and (max-width: 600px){.container{width:var(--container-width-sm)}section>h2{font-size:1.8rem;margin-bottom:2.5rem}section{margin-top:4rem}}