@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);#about{padding:2rem 0}#about h2{color:var(--color-primary);margin-bottom:3rem;text-align:center}.about__content{margin:0 auto;max-width:800px}.about__content p{color:var(--color-light);line-height:1.7;margin-bottom:2rem;text-align:left}.about__content p:last-of-type{margin-bottom:2.5rem}.cta-btn{background:transparent;border:1px solid var(--color-primary);border-radius:.4rem;color:var(--color-primary);cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;letter-spacing:.5px;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-align:center;text-transform:uppercase;transition:all .3s ease}.cta-btn:before{background:linear-gradient(90deg,transparent,rgba(255,0,128,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.cta-btn:hover:before{left:100%}.cta-btn:hover{background:var(--color-primary);border-color:var(--color-accent);box-shadow:0 0 20px rgba(255,0,128,.6),0 0 40px rgba(255,0,128,.3);color:var(--color-bg);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.highlight{color:var(--color-white);font-weight:600}.highlight.link{color:var(--color-white);display:inline-block;padding-bottom:3px;padding-right:1.1em;position:relative;text-decoration:none;transition:color .3s ease}.highlight.link:before{color:var(--color-white);content:"↗";font-size:.8em;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:color .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,color .3s ease;transition:transform .3s ease,color .3s ease,-webkit-transform .3s ease}.highlight.link:hover:before{color:var(--color-primary);-webkit-transform:translateY(-50%) translateX(3px) rotate(15deg);transform:translateY(-50%) translateX(3px) rotate(15deg)}.highlight.link:hover{color:var(--color-primary)}.highlight.link:after{background-color:var(--color-primary);bottom:0;content:"";height:1px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:100%}.highlight.link:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}@media screen and (max-width:1024px){.about__content p{margin-bottom:1.5rem}.about__content p:last-of-type{margin-bottom:2rem}.resume__link{font-size:.85rem}}@media screen and (max-width:600px){.about__content p{font-size:.9rem;margin-bottom:1.2rem}.about__content p:last-of-type{margin-bottom:1.5rem}.resume__link{display:block;font-size:.8rem;text-align:center}}#experience{padding:.5rem 0 2rem}#experience h2{color:var(--color-primary);margin-bottom:3rem;text-align:center}.experience__container{display:flex;flex-direction:column;gap:3rem;margin:0 auto;max-width:900px}.experience__item{grid-gap:3rem;align-items:start;border:1px solid transparent;border-radius:1rem;color:inherit;cursor:pointer;display:grid;gap:3rem;grid-template-columns:200px 1fr;padding:2rem;text-decoration:none;transition:var(--transition)}.experience__item:hover{background:rgba(255,0,128,.08);background:var(--hover-bg-color,rgba(255,0,128,.08));border-color:var(--color-primary);box-shadow:0 0 30px rgba(255,0,128,.3);box-shadow:0 0 30px var(--hover-shadow-color,rgba(255,0,128,.3));-webkit-transform:translateY(-2px);transform:translateY(-2px)}.experience__item:hover .experience__content h3{color:var(--color-primary)}.experience__date{color:var(--color-light);font-size:.9rem;font-weight:500;letter-spacing:1px;padding-top:.2rem;text-transform:uppercase}.experience__content h3{color:var(--color-white);font-size:1.3rem;font-weight:600;line-height:1.3;margin-bottom:1rem;transition:var(--transition)}.experience__content p{color:var(--color-light);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.experience__tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech__tag{background:var(--color-bg-variant);border:1px solid var(--color-primary);border-radius:15px;color:var(--color-primary);font-size:.8rem;font-weight:500;padding:.4rem .8rem}@media screen and (max-width:1024px){.experience__item{gap:2rem;grid-template-columns:150px 1fr;padding:1.5rem}.experience__date{font-size:.85rem}.experience__content h3{font-size:1.2rem}}@media screen and (max-width:768px){.experience__container{gap:2.5rem}.experience__item{gap:1rem;grid-template-columns:1fr;padding:1.2rem}.experience__date{border-bottom:1px solid var(--color-bg-variant);font-size:.8rem;margin-bottom:.5rem;padding-bottom:.5rem}.experience__content h3{font-size:1.1rem}.experience__content p{font-size:.9rem}.tech__tag{font-size:.75rem;padding:.3rem .6rem}}#portfolio{padding:2rem 0}#portfolio h2{color:var(--color-primary);margin-bottom:3rem;text-align:center}.portfolio__container{display:flex;flex-direction:column;gap:3rem;margin:0 auto;max-width:900px}.portfolio__item{grid-gap:2.5rem;align-items:start;border:1px solid transparent;border-radius:1rem;display:grid;gap:2.5rem;grid-template-columns:300px 1fr;padding:2rem;transition:var(--transition)}.portfolio__item:hover{background:rgba(255,0,128,.08);background:var(--hover-bg-color,rgba(255,0,128,.08));border-color:var(--color-primary);box-shadow:0 0 30px rgba(255,0,128,.3);box-shadow:0 0 30px var(--hover-shadow-color,rgba(255,0,128,.3));-webkit-transform:translateY(-2px);transform:translateY(-2px)}.portfolio__item-image{border-radius:.8rem;height:200px;overflow:hidden;width:100%}.portfolio__item-image img{height:100%;object-fit:cover;transition:var(--transition);width:100%}.portfolio__item:hover .portfolio__item-image img{-webkit-transform:scale(1.05);transform:scale(1.05)}.portfolio__item-content h3{color:var(--color-white);font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:1.5rem;transition:var(--transition)}.portfolio__item:hover .portfolio__item-content h3{color:var(--color-primary)}.portfolio__item-cta{display:flex;gap:1rem}.portfolio__view-all{margin:2rem auto 0;max-width:900px;text-align:left}@media screen and (max-width:1024px){.portfolio__item{gap:2rem;grid-template-columns:250px 1fr;padding:1.5rem}.portfolio__item-image{height:160px}.portfolio__item-content h3{font-size:1.1rem}}@media screen and (max-width:768px){.portfolio__container{gap:2.5rem}.portfolio__item{gap:1.5rem;grid-template-columns:1fr;padding:1.2rem}.portfolio__item-image{height:180px}.portfolio__item-content h3{font-size:1rem;margin-bottom:1.2rem}}.left__sidebar{align-items:flex-start;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,rgba(0,0,0,.95),hsla(0,0%,7%,.95) 50%,rgba(26,26,26,.95));border-right:1px solid rgba(255,0,128,.5);box-shadow:2px 0 30px rgba(255,0,128,.3);display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;padding-top:2rem;position:fixed;top:0;width:400px;z-index:100}.sidebar__content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1rem;text-align:center;width:100%}.sidebar__content .hero__intro{margin-bottom:1.5rem;margin-top:.5rem}.sidebar__content .hero__intro h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff0080,#00ff41 50%,#fff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:.5rem 0;position:relative}.sidebar__content .hero__intro h5{font-size:1.1rem;margin:.3rem 0}.sidebar__socials{display:flex;gap:1.5rem;margin:1rem 0}.sidebar__socials a{color:var(--color-light);font-size:1.5rem;text-decoration:none;transition:var(--transition)}.sidebar__socials a:hover{color:var(--color-white);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.sidebar__content .hero__image{margin-bottom:2rem}.sidebar__content .hero__image img{border-radius:1rem;height:250px;max-width:100%;object-fit:cover;object-position:center top;width:200px}@media screen and (max-width:1024px){.left__sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,rgba(15,15,35,.95),rgba(26,26,46,.95) 50%,rgba(22,33,62,.95));width:300px}.sidebar__content{padding:.8rem}.sidebar__content .hero__intro{margin-bottom:1.2rem;margin-top:.5rem}.sidebar__content .hero__intro h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff0080,#00ff41 50%,#fff);-webkit-background-clip:text;background-clip:text;font-size:2rem}.sidebar__socials{gap:1.2rem;margin:.8rem 0}.sidebar__socials a{font-size:1.3rem}.sidebar__content .hero__image{margin-bottom:1.5rem}.sidebar__content .hero__image img{height:200px;width:160px}}@media screen and (max-width:768px){.left__sidebar{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,rgba(15,15,35,.98),rgba(26,26,46,.98) 50%,rgba(22,33,62,.98));border-right:none!important;box-shadow:0 4px 20px rgba(0,0,0,.3);height:auto;min-height:60vh;overflow:visible;padding-top:0;position:relative;width:100%}.sidebar__content{gap:1.5rem;height:auto;justify-content:center;padding:3rem 1rem}.sidebar__content .hero__intro{margin-top:0;text-align:center}.sidebar__content .hero__intro h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff0080,#00ff41 50%,#fff);-webkit-background-clip:text;background-clip:text;font-size:2.2rem}.sidebar__socials{gap:1rem;margin:1rem 0}.sidebar__socials a{font-size:1.4rem}.sidebar__content .hero__image{margin-bottom:1.5rem}.sidebar__content .hero__image img{height:220px;width:180px}}@media screen and (max-width:380px){.sidebar__content{gap:.5rem;padding:4rem 1rem 2.5rem}.sidebar__content .hero__intro{margin-bottom:.5rem}.sidebar__content .hero__intro h1{font-size:1.2rem;line-height:1.1;margin:.2rem 0;max-width:calc(100vw - 4rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all}.sidebar__content .hero__intro h5{font-size:1rem;margin:.2rem 0}.sidebar__socials{gap:.8rem;margin:.5rem 0}.sidebar__content .hero__image{margin-bottom:2rem}.sidebar__content .hero__image img{height:200px;width:160px}}.vertical__nav{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.nav__item{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.8rem;letter-spacing:1px;padding:.5rem 0;text-decoration:none;text-transform:uppercase}.nav__icon,.nav__item{color:var(--color-light);transition:var(--transition)}.nav__icon{font-size:1.2rem}.nav__item.active{color:var(--color-white)}.nav__item.active .nav__icon{color:var(--color-primary)}.nav__item:hover{color:var(--color-white)}.nav__item:hover .nav__icon{color:var(--color-primary)}@media screen and (max-width:1024px){.vertical__nav{gap:1.2rem;margin:1.5rem 0}.nav__item{font-size:.85rem;gap:.6rem}.nav__icon{font-size:1.1rem}}@media screen and (max-width:768px){.vertical__nav{display:none}.nav__item{font-size:.8rem;gap:.5rem}.nav__icon{font-size:1rem}}.theme-switcher{position:fixed;right:2rem;top:2rem;z-index:1000}.theme-switcher__toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:var(--color-light);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.theme-switcher__toggle:hover{background:hsla(0,0%,100%,.15);border-color:var(--color-primary);color:var(--color-primary);-webkit-transform:scale(1.05);transform:scale(1.05)}.theme-switcher__overlay{background:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.theme-switcher__dropdown{-webkit-animation:slideDown .3s ease;animation:slideDown .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-variant);border:1px solid hsla(0,0%,100%,.1);border-radius:1rem;box-shadow:0 10px 40px rgba(0,0,0,.4);min-width:320px;padding:1rem;position:absolute;right:0;top:50px;z-index:1001}.theme-switcher__header{border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:1rem;padding-bottom:.5rem}.theme-switcher__header h4{color:var(--color-white);font-size:1rem;font-weight:600;margin:0}.theme-switcher__options{display:flex;flex-direction:column;gap:.5rem}.theme-option{align-items:center;background:transparent;border:1px solid transparent;border-radius:.5rem;cursor:pointer;display:flex;gap:1rem;padding:.75rem;text-align:left;transition:all .3s ease;width:100%}.theme-option:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.theme-option.active{background:hsla(0,0%,100%,.1);border-color:var(--color-primary)}.theme-option__icon{font-size:1.5rem;min-width:30px;text-align:center}.theme-option__info{display:flex;flex:1 1;flex-direction:column}.theme-option__name{color:var(--color-white);font-size:.9rem;font-weight:500;line-height:1.2}.theme-option__description{color:var(--color-light);font-size:.75rem;margin-top:.2rem}.theme-option__colors{display:flex;gap:.3rem}.color-swatch{border:1px solid hsla(0,0%,100%,.2);border-radius:50%;height:16px;width:16px}.theme-cyberpunk .theme-switcher__toggle{box-shadow:0 0 10px rgba(168,85,247,.3)}.theme-nordic .theme-switcher__toggle{box-shadow:0 0 10px rgba(59,130,246,.3)}.theme-forest .theme-switcher__toggle{box-shadow:0 0 10px rgba(16,185,129,.3)}.theme-monochrome .theme-switcher__toggle{box-shadow:0 0 10px rgba(243,244,246,.3)}@media screen and (max-width:768px){.theme-switcher{right:1rem;top:1rem}.theme-switcher__dropdown{max-width:90vw;min-width:280px;right:-1rem}.theme-option{padding:1rem}.theme-option__name{font-size:1rem}.theme-option__description{font-size:.8rem}}@media screen and (max-width:480px){.theme-switcher{right:.5rem;top:.5rem}.theme-switcher__toggle{font-size:1rem;height:35px;width:35px}.theme-switcher__dropdown{min-width:260px;padding:.8rem;right:-.5rem}}.mobile-nav{display:none;left:2rem;position:fixed;top:2rem;z-index:1000}.mobile-nav__toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:var(--color-light);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.mobile-nav__toggle:hover{background:hsla(0,0%,100%,.15);border-color:var(--color-primary);color:var(--color-primary);-webkit-transform:scale(1.05);transform:scale(1.05)}.mobile-nav__overlay{background:rgba(0,0,0,.5);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.mobile-nav__dropdown{-webkit-animation:slideDown .3s ease;animation:slideDown .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--color-bg-variant);border:1px solid hsla(0,0%,100%,.1);border-radius:1rem;box-shadow:0 10px 40px rgba(0,0,0,.4);left:0;min-width:200px;padding:1rem;position:absolute;top:50px;z-index:1001}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.mobile-nav__header{border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:1rem;padding-bottom:.5rem}.mobile-nav__header h4{color:var(--color-white);font-size:1rem;font-weight:600;margin:0}.mobile-nav__options{display:flex;flex-direction:column;gap:.5rem}.mobile-nav__item{align-items:center;background:transparent;border:1px solid transparent;border-radius:.5rem;cursor:pointer;display:flex;gap:1rem;padding:.75rem;text-align:left;transition:all .3s ease;width:100%}.mobile-nav__item:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1)}.mobile-nav__item.active{background:hsla(0,0%,100%,.1);border-color:var(--color-primary)}.mobile-nav__icon{color:var(--color-light);font-size:1.2rem;min-width:20px;text-align:center}.mobile-nav__item.active .mobile-nav__icon{color:var(--color-primary)}.mobile-nav__label{font-size:.9rem;font-weight:500}.mobile-nav__item.active .mobile-nav__label,.mobile-nav__label{color:var(--color-white)}@media screen and (max-width:768px){.mobile-nav{display:block;left:1rem;top:1rem}body{padding-top:0}}@media screen and (max-width:480px){.mobile-nav{left:.5rem;top:.5rem}.mobile-nav__toggle{font-size:1rem;height:35px;width:35px}.mobile-nav__dropdown{min-width:180px;padding:.8rem}}.app__container{display:flex;height:100vh}.app__content{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.02);border-radius:0 0 0 20px;flex:1 1;margin-left:400px;overflow-y:auto;padding:2rem;position:relative;scroll-behavior:smooth}.app__content:before{background:linear-gradient(180deg,rgba(255,0,128,.02),rgba(255,0,128,.02));background:linear-gradient(180deg,var(--content-gradient-start,rgba(255,0,128,.02)) 0,var(--content-gradient-start,rgba(255,0,128,.02)) 100%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}@media screen and (max-width:1024px){.app__content{border-radius:0 0 0 15px;margin-left:300px;padding:1.5rem}}@media screen and (max-width:768px){.app__container{flex-direction:column}.app__content{background:hsla(0,0%,100%,.01);border-radius:0;height:auto;margin-left:0;overflow-y:visible;padding:1rem}}*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#000;--color-bg-variant:#111;--color-bg-secondary:#1a1a1a;--color-primary:#ff0080;--color-primary-variant:#e6007a;--color-accent:#00ff41;--color-white:#fff;--color-light:hsla(0,0%,100%,.9);--color-text-muted:hsla(0,0%,100%,.7);--content-gradient-start:rgba(255,0,128,.02);--content-gradient-end:rgba(0,255,65,.02);--hover-bg-color:rgba(255,0,128,.08);--hover-shadow-color:rgba(255,0,128,.3);--transition:all 400ms ease;--mobile-nav-height:56px}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background:linear-gradient(135deg,#000,#111 35%,#1a1a1a);background:linear-gradient(135deg,var(--color-bg) 0,var(--color-bg-variant) 35%,var(--color-bg-secondary) 100%);background-attachment:fixed;color:#fff;color:var(--color-white);font-family:Poppins,sans-serif;line-height:1.7;min-height:100vh}body,html{max-width:100%;overflow-x:hidden}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}section{margin-top:8rem}section:first-of-type{margin-top:0}section>h2,section>h5{color:hsla(0,0%,100%,.9);color:var(--color-light);text-align:center}section>h2{color:#ff0080;color:var(--color-primary);margin-bottom:3rem}.text-light{color:hsla(0,0%,100%,.9);color:var(--color-light)}a{color:#ff0080;color:var(--color-primary);transition:all .4s ease;transition:var(--transition)}a:hover{color:#fff;color:var(--color-white)}.btn{border:1px solid #ff0080;border:1px solid var(--color-primary);border-radius:.4rem;color:#ff0080;color:var(--color-primary);cursor:pointer;display:inline-block;padding:.75rem 1.2rem;transition:all .4s ease;transition:var(--transition);width:-webkit-max-content;width:max-content}.btn:hover{background:#fff;background:var(--color-white);border-color:transparent}.btn-primary,.btn:hover{color:#000;color:var(--color-bg)}.btn-primary{background:#ff0080;background:var(--color-primary)}img{display:block;object-fit:cover;width:100%}@media screen and (max-width:1024px){section{margin-top:6rem}}@media screen and (max-width:600px){section>h2{margin-bottom:2rem}}@media screen and (max-width:768px){body{background-attachment:scroll}}
/*# sourceMappingURL=main.2bf9ec78.css.map*/