#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f14;color:#e6e8ee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}*,:after,:before{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth;scroll-padding-top:2rem}body,html{scroll-behavior:auto}.smooth-scroll{scroll-behavior:smooth;transition:scroll .4s cubic-bezier(.4,0,.2,1)}.App{background:url(https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1500&q=80) 50%/cover no-repeat;display:block;min-height:100vh;padding-top:76px;position:relative;text-align:center;width:100%;z-index:1}.App,.App>*{max-width:100%;overflow-x:hidden}.App:before{background:#14141eb3;content:"";height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:2}.App>*{position:relative;z-index:3}@media (min-width:601px){.App,body{cursor:none}}.typewriter-caret:after{animation:blink 1s steps(2,start) infinite;color:#a78bfa;content:"|";margin-left:6px;opacity:.9}@keyframes blink{to{opacity:0}}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.breadcrumb{color:#888;font-size:1rem;margin:1rem 0}.breadcrumb-item{display:inline}.hero-section{align-items:center;background:#131324;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero-section:before{background:#131324d9;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-bg{background:url(https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1500&q=80) 50%/cover no-repeat;background-size:cover;inset:0;opacity:.26;position:absolute;z-index:1}.hero-content{color:#e5e7ef;margin:0 auto;max-width:700px;position:relative;text-align:center;text-shadow:0 2px 16px #000,0 1px 2px #000;width:100%;z-index:2}.hero-title{color:#a78bfa;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-title.typewriter-caret:after{display:none}.hero-subtitle{color:#b3b6d4;font-size:1.35rem;margin-bottom:2.5rem}.hero-actions{gap:1rem;justify-content:center}.hero-actions,.hero-btn{align-items:center;display:flex}.hero-btn{background:#a78bfa;border:none;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;gap:.5rem;padding:.8rem 2rem;text-decoration:none;transition:background .2s,color .2s}.hero-btn:hover{background:#7c3aed;color:#fff}.arrow,.hero-icon{font-size:1.3rem}.hero-icon{align-items:center;background:#23243a;border-radius:50%;color:#a78bfa;display:flex;height:2.5rem;justify-content:center;text-decoration:none;transition:background .2s,color .2s;width:2.5rem}.hero-icon:hover{background:#a78bfa2e;color:#a78bfa}@media (max-width:700px){.hero-title{font-size:2.2rem}.hero-content{padding:0 1rem;text-align:center;width:100%}.hero-btn{font-size:.8rem}.hero-section{align-items:center;background:#131324;display:flex;justify-content:center;min-height:70vh;overflow:hidden;position:relative}}.about-section{background:#181925;color:#e5e7ef;padding:4.5rem 0 3.5rem}.about-title{color:#a78bfa;font-size:2.7rem;font-weight:700;margin-bottom:2.7rem;text-align:center}.about-content{align-items:flex-start;display:flex;gap:4.5rem;justify-content:center;margin:0 auto;max-width:1100px}.about-left{flex:1 1 350px;font-size:1.15rem;line-height:1.7;max-width:420px}.about-skills{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center;margin-top:1.5rem}.about-skill{background:#23243a;border-radius:16px;color:#e5e7ef;display:inline-block;font-size:1rem;font-weight:500;margin-bottom:.5rem;padding:.3rem 1rem}.about-right{display:flex;flex:1 1 350px;flex-direction:column;gap:1.7rem}.about-feature{align-items:flex-start;background:#20202e;border-radius:12px;box-shadow:0 2px 12px #0000001a;display:flex;gap:1.25rem;padding:1.6rem 2.2rem 1.6rem 1.3rem}.about-feature-icon{flex-shrink:0;margin-top:.2rem}.about-feature-title{color:#a78bfa;font-size:1.2rem;font-weight:600;margin-bottom:.4rem;text-align:left}.about-feature-desc{color:#b3b6d4;font-size:1.01rem;text-align:left}@media (max-width:900px){.about-content{align-items:stretch;flex-direction:column;gap:2.5rem}.about-left,.about-right{margin-right:0;max-width:100%}}@media (max-width:600px){.about-section{padding:2.5rem 0 2rem}.about-title{font-size:2rem;margin-bottom:1.5rem}.about-content{gap:1rem}.about-left{font-size:1rem;padding:0 1rem}.about-right{gap:1rem;padding:0 1rem}.about-feature{align-items:center;display:flex;flex-direction:column;padding:1rem}.about-feature-desc,.about-feature-title{text-align:center}.about-feature-icon{transform:scale(1.4)}.about-skills{justify-content:flex-start}}.skills-section{background:#191a23;color:#e5e7ef;min-height:70vh;padding:4.5rem 0 3.5rem}.skill-item,.skills-card,.skills-cards,.skills-grid,.skills-section{box-sizing:border-box}.skills-title{color:#a78bfa;font-size:2.7rem;font-weight:700;margin-bottom:2.7rem;text-align:center}.skills-cards{display:flex;gap:2.5rem;justify-content:center;margin:0 auto 2.5rem;max-width:1200px;padding:0 1rem}.skills-card{align-items:center;background:#20202e;border:1.5px solid #23243a;border-radius:14px;box-shadow:0 2px 12px #0000001a;display:flex;flex:1 1 300px;flex-direction:column;min-width:0;padding:2.2rem 2.5rem;transform:translateZ(0);will-change:transform,opacity}.skills-card-title{color:#a78bfa;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.skills-grid{grid-gap:.9rem;display:grid;gap:.9rem;grid-auto-flow:dense;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));width:100%}.skill-item{align-items:center;background:#23243a;border-radius:10px;box-shadow:0 1px 2px #0000000a;color:#e5e7ef;display:flex;flex-direction:column;gap:.35rem;justify-content:center;min-width:0;padding:.9rem .6rem;transition:transform .2s cubic-bezier(.2,.9,.3,1),box-shadow .2s}.skill-item:hover{box-shadow:0 8px 24px #0000002e;transform:translateY(-6px)}.skill-icon{color:#a78bfa;font-size:1.6rem;transition:color .16s ease,transform .16s ease}.skill-label{color:#e5e7ef;font-size:.95rem;font-weight:600;text-align:center}.skill-item{--brand:#a78bfa}.skill-item:hover .skill-icon{color:var(--brand);transform:translateY(-3px) scale(1.05)}.skill-item:hover .skill-label{color:var(--brand)}.skills-note{color:#b3b6d4;font-size:1.08rem;margin-top:2.5rem;text-align:center}@media (max-width:1000px){.skills-cards{align-items:center;flex-direction:column;gap:2rem}.skills-card{max-width:620px;min-width:0;width:100%}}.skills-card:hover{box-shadow:0 8px 30px #0000002e;transform:translateY(-6px)}@media (max-width:600px){.skills-section{padding:2.5rem 0 2rem}.skills-title{font-size:2rem;margin-bottom:1.5rem}.skills-card{padding:1.2rem .7rem}.skills-list-item{font-size:.98rem;padding:.6rem .5rem}.skills-note{font-size:.98rem;margin:2rem}.skills-cards{padding:0 .8rem;width:100%}}.btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1.5rem;transition:background .2s}.btn:hover{background:#0056b3}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin:2rem auto;max-width:400px;padding:2rem}.carousel{justify-content:center;margin:2rem 0}.carousel,.checkbox{align-items:center;display:flex}.checkbox{font-size:1rem;gap:.5rem;margin:1rem 0}.footer{background:#222;border-radius:0 0 8px 8px;color:#fff;padding:1rem 0;text-align:center}.navigation{background:#181925;border-bottom:1.5px solid #23243a;box-shadow:0 6px 18px #00000059;left:0;margin-bottom:0;padding:1.2rem 0;position:fixed;right:0;top:0;width:100%;z-index:1000}.nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1100px;padding:0 1rem;width:100%}.nav-logo{display:block;font-size:1rem;font-weight:600;margin-right:1rem}.nav-logo a{color:#7c3aed;color:var(--clr-primary,#7c3aed);display:inline-block;text-decoration:none}.nav-logo a:hover{color:#c4a6ff}.nav-links{align-items:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:1.2rem;justify-content:flex-end;list-style:none;margin:0;padding:0}.nav-links li{margin:0}.nav-links li a{color:#c7cad6;display:inline-block;font-size:.92rem;padding:6px 10px;text-decoration:none;transition:color .16s ease,background .16s ease;white-space:nowrap}.nav-links a.active:after{background:#a78bfa;border-radius:50%;content:"";display:block;height:6px;margin:6px auto 0;width:6px}.nav-links li a:hover{color:#fff}.navigation{padding-bottom:.9rem;padding-top:.9rem}@media screen and (max-width:600px){.nav-content{margin:0;padding:0;width:100%}.navigation{padding:1rem}.nav-links{display:none;gap:1rem;width:100%}.nav-links li{align-items:center;display:flex;justify-content:center;margin:0;width:100%}.nav-links li a{width:100%}.nav-links a{font-size:.8rem;width:100%}.nav-logo{display:block}}.nav-toggle{background:#0000;border:none;color:#7c3aed;color:var(--clr-primary,#7c3aed);cursor:pointer;display:none;padding:6px 8px}.nav-toggle:focus{outline:2px solid #7c3aed2e;outline-offset:2px}.hamburger{background:currentColor;display:inline-block;height:2px;position:relative;width:20px}.hamburger:after,.hamburger:before{background:currentColor;content:"";height:2px;left:0;position:absolute;width:20px}.hamburger:before{top:-6px}.hamburger:after{top:6px}.nav-toggle.open{background:#00000047;border-radius:8px}.nav-toggle.open .hamburger{background:#0000}.nav-toggle.open .hamburger:after,.nav-toggle.open .hamburger:before{top:0;transition:transform .18s ease,top .18s ease}.nav-toggle.open .hamburger:before{transform:rotate(45deg)}.nav-toggle.open .hamburger:after{transform:rotate(-45deg)}@media screen and (max-width:600px){.nav-toggle{color:#fff;display:block;position:relative;z-index:1002}.nav-links.open{align-items:center;background:#181925fa;bottom:0;display:flex;flex-direction:column;gap:8px;justify-content:center;left:0;padding:1.25rem 1rem;position:fixed;right:0;top:0;z-index:999}.nav-toggle.open{padding:10px;position:fixed;right:12px;top:12px;z-index:1003}.nav-links.open li{width:100%}.nav-links.open li a{display:block;font-size:1.05rem;padding:14px 18px;text-align:center;width:100%}}.pagination{display:flex;gap:.5rem;justify-content:center;margin:2rem 0}.pagination button{background:#f0f0f0;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem 1rem}.pagination button.active{background:#007bff;color:#fff}.portfolio-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin:16px 0;padding:16px;text-align:center}.portfolio-item-image{border-radius:4px;height:auto;margin-bottom:12px;max-width:320px;width:100%}.slider{margin:1rem 0;width:100%}.slideshow{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.slideshow-image{border-radius:8px;box-shadow:0 2px 8px #00000014;height:180px;object-fit:cover;width:320px}.projects-section{background:#23243a;color:#e5e7ef;overflow:hidden;padding:4.5rem 0 3.5rem;position:relative}.projects-parallax{background-position:center 30%;background-repeat:no-repeat;background-size:160%;filter:brightness(.98);inset:0;pointer-events:none;position:absolute;will-change:transform;z-index:0}.projects-inner{position:relative;z-index:2}.projects-title{color:#a78bfa;font-size:2.5rem;font-weight:700;margin-bottom:1.2rem;text-align:center}.projects-desc{color:#b3b6d4;font-size:1.13rem;text-align:center;width:100%}.projects-filters{display:flex;gap:1rem;justify-content:center;margin-bottom:2.5rem}.projects-filter-btn{background:#23243a;border:none;border-radius:8px;color:#e5e7ef;cursor:pointer;font-size:1.05rem;font-weight:500;padding:.6rem 1.5rem;transition:background .2s,color .2s}.projects-filter-btn.active,.projects-filter-btn:hover{background:#a78bfa;color:#181925}.projects-list{grid-gap:2.2rem;align-items:stretch;display:grid;gap:2.2rem;grid-auto-rows:1fr;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;padding:0 1rem}.project-card{background:#14121adb;border:1px solid #23243a47;border-radius:14px;box-shadow:0 6px 14px #00000047;display:flex;flex-direction:column;height:100%;max-width:420px;overflow:hidden;width:100%}.project-image{background:#23243a;height:160px;object-fit:cover;opacity:1;width:100%}.project-content{display:flex;flex:1 1;flex-direction:column;max-height:40vh;padding:1.5rem 1.3rem 1.3rem;text-align:left}.project-header{align-items:flex-start;display:flex;justify-content:space-between;margin:.5rem 0 1rem}.project-title{color:#fff;flex:1 1 auto;font-size:1.1rem;font-weight:700;margin-right:.8rem;min-width:0}.project-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;min-width:0}.project-tag{background:#23243a;border-radius:8px;color:#a78bfa;display:inline-block;font-size:.95rem;font-weight:600;max-width:130px;padding:.2rem .8rem;text-align:center;white-space:normal;word-break:break-word}.project-desc{font-size:1.05rem}.project-desc,.project-meta{color:#b3b6d4;margin-bottom:1.1rem}.project-meta{display:flex;font-size:.98rem;gap:2.5rem}.project-meta-item{align-items:center;display:flex;gap:.4rem}.project-meta-value{color:#e5e7ef;font-weight:600}.project-meta-label{color:#a78bfa;font-weight:600;margin-right:.3rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem .7rem;margin-bottom:1.2rem}.project-tech-item{background:#23243a;border-radius:8px;color:#e5e7ef;font-size:.97rem;font-weight:500;padding:.25rem .9rem}.project-actions{display:flex;gap:1rem;margin-top:auto}.project-action-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1.05rem;font-weight:600;padding:.6rem 0;text-align:center;text-decoration:none;transition:background .2s,color .2s}.project-action-btn.code{align-items:center;background:#23243a;color:#a78bfa;display:inline-flex;justify-content:center}.project-action-btn.code:hover,.project-action-btn.demo{background:#a78bfa;color:#181925}.project-action-btn.demo:hover{background:#7c3aed;color:#fff}@media (max-width:700px){.projects-list{grid-template-columns:1fr}}@media (max-width:600px){.projects-section{padding:2.5rem 0 1rem}.projects-desc{font-size:1rem;margin-bottom:1.2rem}.projects-filters{align-items:center;display:flex;justify-content:center;scale:.8;width:100%}.projects-filter-btn{font-size:1rem;font-weight:500;padding:.5rem .7rem}.project-card{max-width:85%;min-width:0;width:100%}.project-content{padding:1rem .5rem .7rem}.project-title{font-size:1rem;justify-content:center;padding:.2rem 0;text-align:left}.project-desc{font-size:.8rem}.project-meta{font-size:.95rem;gap:1.2rem}.project-tech-item{font-size:.95rem;padding:.18rem .5rem}.project-action-btn{font-size:.98rem;padding:.5rem 0}.project-tags{display:flex;gap:.5rem .7rem;justify-content:center;margin-bottom:1.2rem}.project-tag{border:1px solid #a78bfa;font-size:.6rem;padding:.2rem}.project-header{margin:0}}.contact-section{background:#191a1f;color:#e5e7ef;padding:4.5rem 0 3.5rem}.contact-title{color:#a78bfa;font-size:2.5rem;font-weight:700;margin-bottom:2.7rem;text-align:center}.contact-content{align-items:center;display:flex;flex-wrap:wrap;gap:3.5rem;justify-content:center;margin:0 auto;max-width:1100px}.contact-left{display:flex;flex:1 1 340px;flex-direction:column;gap:1.5rem;max-width:420px}.contact-subtitle{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:.7rem}.contact-desc{color:#b3b6d4;font-size:1.08rem;margin-bottom:1.2rem}.contact-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.2rem}.contact-info-item{align-items:center;background:#20202e;border-radius:12px;color:#a78bfa;display:flex;font-size:1.08rem;gap:1rem;padding:1rem 1.2rem}.contact-info-item a,.contact-info-item span a{color:#ba5ff7;cursor:pointer;text-decoration:none}.contact-info-item a:hover{text-decoration:underline}.contact-info-icon{font-size:1.3rem}.contact-socials{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.contact-social-btn{background:#23243a;border-radius:8px;color:#a78bfa;font-size:1.3rem;padding:.6rem .9rem;text-decoration:none;transition:background .2s,color .2s}.contact-social-btn:hover{background:#a78bfa;color:#23243a}.contact-social-btn svg{display:block;transition:fill .15s ease,stroke .15s ease,color .15s ease}@media (max-width:900px){.contact-content{align-items:stretch;flex-direction:column;gap:2.5rem}.contact-left{max-width:100%}}@media (max-width:600px){.contact-section{padding:2.5rem 0 2rem;width:100%}.contact-title{font-size:2rem;margin-bottom:1.5rem}.contact-content{gap:1.2rem}.contact-left{padding:0 1rem}}.custom-cursor{background:#a78bfaf2;border-radius:50%;height:14px;left:-1%;mix-blend-mode:normal;opacity:0;pointer-events:none;position:fixed;top:-2%;transform:translate3d(-50%,-50%,0);transition:width .15s ease,height .15s ease,background .15s ease,opacity .15s ease;width:14px;z-index:9999}.custom-cursor.cursor--hover{background:#a78bfa26;border:1px solid #a78bfae6;height:36px;width:36px}@media (max-width:600px){.custom-cursor{display:none!important}}
/*# sourceMappingURL=main.97622271.css.map*/