.topbar{background-color:#fff;background-color:var(--topbar-bg);border-bottom:1px solid #eaeaea;border-bottom:1px solid var(--border);color:#15023a;color:var(--text-primary);height:70px;position:fixed;top:0;transition:background-color .3s ease,color .3s ease;width:100%;z-index:3}.topbar .wrapper{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 30px}@media(max-width:768px){.topbar .wrapper{padding:0 16px}}.topbar .wrapper .left{align-items:center;display:flex;min-width:0}.topbar .wrapper .left .logo{color:inherit;font-size:40px;font-weight:700;margin-right:40px;text-decoration:none;white-space:nowrap}.topbar .wrapper .left .logo .logoFull{display:inline}.topbar .wrapper .left .logo .logoShort{display:none}@media(max-width:768px){.topbar .wrapper .left .logo{font-size:24px;margin-right:0}.topbar .wrapper .left .logo .logoFull{display:none}.topbar .wrapper .left .logo .logoShort{display:inline}}.topbar .wrapper .left .itemContainer{align-items:center;display:flex;margin-left:30px}@media(max-width:768px){.topbar .wrapper .left .itemContainer{display:none}}.topbar .wrapper .left .itemContainer .icon{font-size:18px;margin-right:5px}.topbar .wrapper .left .itemContainer span{font-size:15px;font-weight:500}.topbar .wrapper .right{align-items:center;display:flex;flex-shrink:0}.topbar .wrapper .right .socials{align-items:center;display:flex;margin-right:18px}@media(max-width:768px){.topbar .wrapper .right .socials{display:none}}.topbar .wrapper .right .socials a{color:inherit;display:flex;margin-left:15px}.topbar .wrapper .right .socials .icon{font-size:22px;transition:opacity .2s ease}.topbar .wrapper .right .socials .icon:hover{opacity:.6}.topbar .wrapper .right .themeToggle{align-items:center;background:none;border:1px solid #eaeaea;border:1px solid var(--border);border-radius:8px;color:inherit;cursor:pointer;display:flex;height:36px;justify-content:center;margin-right:20px;transition:background-color .2s ease,border-color .2s ease;width:36px}@media(max-width:768px){.topbar .wrapper .right .themeToggle{height:32px;margin-right:14px;width:32px}}.topbar .wrapper .right .themeToggle:hover{background-color:#eaeaea;background-color:var(--border)}.topbar .wrapper .right .themeToggle .toggleIcon{font-size:20px}@media(max-width:768px){.topbar .wrapper .right .themeToggle .toggleIcon{font-size:17px}}.topbar .wrapper .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;width:32px}.topbar .wrapper .right .hamburger span{background-color:#15023a;background-color:var(--text-primary);height:3px;transform-origin:left;transition:all .4s ease;width:100%}.topbar.active{background-color:#15023a;border-bottom-color:#0000;color:#fff}.topbar.active .themeToggle{border-color:#ffffff4d;color:#fff}.topbar.active .themeToggle:hover{background-color:#ffffff1a}.topbar.active .hamburger span{background-color:#fff}.topbar.active .hamburger span:first-child{transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0}.topbar.active .hamburger span:last-child{transform:rotate(-45deg)}.menu{align-items:center;background-color:#15023a;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-300px;top:0;transition:all .6s ease;width:300px;z-index:2}.menu.active{right:0}.menu ul{color:#fff;font-size:30px;font-weight:300;list-style:none;margin:0 0 30px;padding:0;width:60%}.menu ul li{margin-bottom:25px}.menu ul li a{color:inherit;font-size:inherit;text-decoration:none;transition:opacity .2s ease}.menu ul li:hover a{font-weight:500;opacity:.7}.menu .menuSocials{display:flex;gap:20px}.menu .menuSocials a{color:#ffffffb3;display:flex;transition:color .2s ease}.menu .menuSocials a:hover{color:#fff}.menu .menuSocials a svg{font-size:28px}.intro{background-color:#fff;background-color:var(--bg);display:flex}@media(max-width:768px){.intro{align-items:center;flex-direction:column}}.intro .left{background:linear-gradient(145deg,#0d0221,#15023a 55%,#1c0840);flex:.5 1;overflow:hidden;position:relative}@media(max-width:768px){.intro .left{flex:none;height:260px;width:100%}}.intro .neuralCanvas{display:block;height:100%;width:100%}.intro .right{background-color:#fafafa;background-color:var(--bg-alt);flex:.5 1;position:relative}@media(max-width:768px){.intro .right{flex:none;width:100%}}.intro .right .particlesBg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.intro .right .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:50px;position:relative;width:100%;z-index:1}@media(max-width:768px){.intro .right .wrapper{align-items:center;padding-left:0}}.intro .right .wrapper h1{color:#15023a;color:var(--text-primary);font-size:60px;margin:10px 0}@media(max-width:768px){.intro .right .wrapper h1{font-size:40px}}.intro .right .wrapper h2{color:#15023a;color:var(--text-primary);font-size:35px}.intro .right .wrapper h3{color:#15023a;color:var(--text-primary);font-size:30px}@media(max-width:768px){.intro .right .wrapper h3{font-size:20px}}.intro .right .wrapper h3 span{color:crimson;font-size:inherit}.intro .right .wrapper h3 .ityped-cursor{animation:blink 1s infinite}@keyframes blink{50%{opacity:1}to{opacity:0}}.intro .right .wrapper .tagline{color:#666;color:var(--text-muted);font-size:16px;margin-top:15px;max-width:420px}@media(max-width:768px){.intro .right .wrapper .tagline{padding:0 20px;text-align:center}}.intro .right .wrapper .resumeBtn{background-color:crimson;border-radius:10px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-top:25px;padding:12px 24px;text-decoration:none;transition:all .3s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.intro .right .wrapper .resumeBtn:hover{background-color:#15023a}.intro .right a.scrollDown{bottom:10px;left:40%;position:absolute;z-index:1}.intro .right a.scrollDown img{animation:arrowBlink 2s infinite;width:30px}@keyframes arrowBlink{to{opacity:0}}@keyframes dashFlow{to{background-position:12px 0}}.agentflow{align-items:center;background-color:#f8f7fc;background-color:var(--bg-section);display:flex;justify-content:center;overflow:hidden;padding:30px 0}.agentflow .af-inner{align-items:center;display:flex;flex-direction:column;max-width:1100px;padding:0 24px;width:100%}.agentflow .af-header{margin-bottom:36px;opacity:0;text-align:center;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.agentflow .af-header.visible{opacity:1;transform:none}.agentflow .af-header h1{color:#15023a;color:var(--text-primary);font-size:32px;margin:0 0 8px}@media(max-width:768px){.agentflow .af-header h1{font-size:22px}}.agentflow .af-header .af-subtitle{color:#666;color:var(--text-muted);font-size:14px;line-height:1.6;margin:0 auto;max-width:520px}@media(max-width:768px){.agentflow .af-header .af-subtitle{font-size:13px}}.agentflow .flow-scroll{overflow-x:auto;scrollbar-width:none;width:100%}.agentflow .flow-scroll::-webkit-scrollbar{display:none}.agentflow .flow{align-items:flex-start;display:flex;flex-wrap:nowrap;justify-content:center;min-width:-webkit-max-content;min-width:max-content}@media(max-width:768px){.agentflow .flow{align-items:center;flex-direction:column;min-width:0;min-width:auto;width:100%}}.agentflow .node{background:#fff;background:var(--card-bg);border:2px solid crimson;border:2px solid var(--node-color,crimson);border-radius:14px;box-shadow:0 3px 16px #0000000d;box-shadow:0 3px 16px var(--card-shadow);flex-shrink:0;opacity:0;padding:16px 12px;text-align:center;transform:translateY(22px);transition:opacity .5s ease,transform .5s ease;width:130px}.agentflow .node.visible{opacity:1;transform:none}.agentflow .node .nodeIcon{font-size:26px;line-height:1;margin-bottom:6px}.agentflow .node .nodeLabel{color:crimson;color:var(--node-color,crimson);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.agentflow .node ul{list-style:none;margin:0;padding:0}.agentflow .node ul li{color:#666;color:var(--text-muted);font-size:11px;padding:2px 0;text-align:left}.agentflow .node ul li:before{color:crimson;color:var(--node-color,crimson);content:"· ";font-weight:700}@media(max-width:768px){.agentflow .node{width:240px}}.agentflow .connector{align-items:center;display:flex;flex-shrink:0;opacity:0;padding-top:38px;transition:opacity .4s ease}.agentflow .connector.visible{opacity:1}.agentflow .connector .cLine{animation:dashFlow .8s linear infinite;background-image:repeating-linear-gradient(90deg,crimson,crimson 5px,#0000 0,#0000 10px);background-size:10px 2px;height:2px;width:24px}.agentflow .connector .cArrow{color:crimson;font-size:20px;line-height:1;margin-left:-3px;margin-top:-2px}@media(max-width:768px){.agentflow .connector{padding-bottom:2px;padding-top:0;transform:rotate(90deg)}}.agentflow .stats{border-top:1px solid #eaeaea;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:48px;justify-content:center;margin-top:36px;padding-top:28px;width:100%}.agentflow .stats .statItem{opacity:0;text-align:center;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.agentflow .stats.visible .statItem{opacity:1;transform:none}.agentflow .stats .statValue{color:crimson;font-size:46px;font-weight:800;line-height:1}@media(max-width:768px){.agentflow .stats .statValue{font-size:34px}}.agentflow .stats .statLabel{color:#666;color:var(--text-muted);font-size:12px;font-weight:500;margin-top:5px}.portfolioList{border-radius:10px;cursor:pointer;font-size:14px;margin-right:50px;padding:7px}@media(max-width:768px){.portfolioList{margin-right:20px}}.portfolioList.active{background-color:#15023a;color:#fff}.portfolio{align-items:center;background-color:#fff;background-color:var(--bg);display:flex;flex-direction:column;overflow-y:auto;padding-bottom:30px;scrollbar-width:none}.portfolio::-webkit-scrollbar{display:none}.portfolio h1{color:#15023a;color:var(--text-primary);font-size:50px}@media(max-width:768px){.portfolio h1{font-size:20px}}.portfolio .subtitle{color:#666;color:var(--text-muted);font-size:14px;margin:5px 0 0;max-width:600px;text-align:center}@media(max-width:768px){.portfolio .subtitle{font-size:12px;padding:0 20px}}.portfolio ul{display:flex;list-style:none;margin:10px;padding:0}@media(max-width:768px){.portfolio ul{flex-wrap:wrap;justify-content:center;margin:10px 0}}.portfolio .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:70%}@media(max-width:768px){.portfolio .container{width:100%}}.portfolio .container .item{background-color:#fff;background-color:var(--card-bg);border:1px solid #f0efef;border:1px solid var(--card-border);border-radius:14px;box-shadow:0 2px 10px #0000000d;box-shadow:0 2px 10px var(--card-shadow);display:flex;flex-direction:column;margin:10px;padding:18px;text-align:left;transition:all .3s ease;width:280px}@media(max-width:768px){.portfolio .container .item{width:100%}}.portfolio .container .item h3{color:#15023a;color:var(--text-primary);font-size:16px;margin:0 0 8px}.portfolio .container .item p{color:#444;color:var(--text-secondary);flex:1 1;font-size:13px;line-height:1.5}.portfolio .container .item .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.portfolio .container .item .tags span{background-color:#dc143c1a;border-radius:20px;color:crimson;font-size:11px;font-weight:600;padding:4px 10px}.portfolio .container .item:hover{box-shadow:0 6px 18px #0000000d;box-shadow:0 6px 18px var(--card-shadow);transform:translateY(-4px)}.skills{align-items:center;background-color:#fff;background-color:var(--bg);display:flex;flex-direction:column;justify-content:center;overflow-y:auto;padding:40px 24px;scrollbar-width:none}.skills::-webkit-scrollbar{display:none}.skills .sk-header{margin-bottom:40px;opacity:0;text-align:center;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.skills .sk-header.visible{opacity:1;transform:none}.skills .sk-header h1{color:#15023a;color:var(--text-primary);font-size:42px;margin:0 0 10px}@media(max-width:768px){.skills .sk-header h1{font-size:28px}}.skills .sk-header .sk-subtitle{color:#666;color:var(--text-muted);font-size:15px;line-height:1.6;max-width:500px}.skills .skillsGrid{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;max-width:1080px;width:100%}.skills .skillGroup{background:#fff;background:var(--card-bg);border:1px solid #f0efef;border:1px solid var(--card-border);border-radius:18px;box-shadow:0 2px 14px #0000000d;box-shadow:0 2px 14px var(--card-shadow);flex:1 1;max-width:340px;min-width:280px;opacity:0;padding:28px 24px;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.skills .skillGroup.visible{opacity:1;transform:none}.skills .skillGroup h3{font-size:14px;font-weight:700;letter-spacing:.8px;margin:0 0 22px;text-transform:uppercase}.skills .skillBar{margin-bottom:18px}.skills .skillBar:last-child{margin-bottom:0}.skills .skillBar .skillMeta{display:flex;justify-content:space-between;margin-bottom:6px}.skills .skillBar .skillMeta .skillName{color:#444;color:var(--text-secondary);font-size:13px;font-weight:500}.skills .skillBar .skillMeta .skillPct{color:#666;color:var(--text-muted);font-size:12px;font-weight:600}.skills .skillBar .barTrack{background:#eaeaea;background:var(--border);border-radius:4px;height:6px;overflow:hidden}.skills .skillBar .barTrack .barFill{border-radius:4px;height:100%;transition:width .9s cubic-bezier(.4,0,.2,1)}.works{align-items:center;background-color:crimson;display:flex;justify-content:center;position:relative}.works .arrow{cursor:pointer;height:50px;position:absolute}@media(max-width:768px){.works .arrow{display:none}}.works .arrow.left{left:100px;transform:rotateY(180deg)}.works .arrow.right{right:100px}.works .slider{display:flex;height:350px;left:0;position:absolute;transition:all 1s ease-out}@media(max-width:768px){.works .slider{flex-direction:column;height:100vh;justify-content:center}}.works .slider .container{align-items:center;display:flex;justify-content:center;width:100vw}.works .slider .container .item{align-items:center;background-color:#fff;border-radius:20px;display:flex;height:100%;justify-content:center;width:700px}@media(max-width:768px){.works .slider .container .item{height:150px;margin:15px 0;width:80%}}.works .slider .container .item .left{align-items:center;display:flex;flex:4 1;height:80%;justify-content:center}.works .slider .container .item .left .leftContainer{display:flex;flex-direction:column;height:70%;justify-content:space-between;width:90%}.works .slider .container .item .left .leftContainer .imgContainer{align-items:center;background-color:#f5b39b;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}@media(max-width:768px){.works .slider .container .item .left .leftContainer .imgContainer{height:20px;width:20px}}.works .slider .container .item .left .leftContainer .imgContainer img{width:25px}@media(max-width:768px){.works .slider .container .item .left .leftContainer .imgContainer img{width:15px}}.works .slider .container .item .left .leftContainer h2{font-size:20px}@media(max-width:768px){.works .slider .container .item .left .leftContainer h2{font-size:13px}}.works .slider .container .item .left .leftContainer p{font-size:13px}@media(max-width:768px){.works .slider .container .item .left .leftContainer p{display:none}}.works .slider .container .item .left .leftContainer span{cursor:pointer;font-size:12px;font-weight:600;text-decoration:underline}.works .slider .container .item .right{align-items:center;display:flex;flex:8 1;height:100%;justify-content:center;overflow:hidden}.works .slider .container .item .right img{transform:rotate(-10deg);width:400px}:root{--bg:#fff;--bg-alt:#fafafa;--bg-section:#f8f7fc;--text-primary:#15023a;--text-secondary:#444;--text-muted:#666;--border:#eaeaea;--card-bg:#fff;--card-border:#f0efef;--card-shadow:#0000000d;--input-bg:#fff;--input-border:#ddd;--topbar-bg:#fff}[data-theme=dark]{--bg:#0f0f14;--bg-alt:#13131a;--bg-section:#111118;--text-primary:#ddddf0;--text-secondary:#aaaac0;--text-muted:#7a7a90;--border:#26263a;--card-bg:#1a1a26;--card-border:#28283c;--card-shadow:#00000059;--input-bg:#1a1a26;--input-border:#2e2e44;--topbar-bg:#0f0f14}.contact{background-color:#fff;background-color:var(--bg);display:flex}@media(max-width:768px){.contact{flex-direction:column}}.contact .left{flex:1 1;overflow:hidden}.contact .left img{height:100%}.contact .right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.contact .right h2{color:#15023a;color:var(--text-primary);font-size:30px;margin-bottom:10px}.contact .right form{align-items:center;display:flex;flex-direction:column;gap:18px;height:70%;justify-content:center;width:70%}.contact .right form input,.contact .right form textarea{background-color:#fff;background-color:var(--input-bg);border:1px solid #ddd;border:1px solid var(--input-border);border-radius:10px;color:#15023a;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:320px}.contact .right form input::placeholder,.contact .right form textarea::placeholder{color:#666;color:var(--text-muted)}.contact .right form input:focus,.contact .right form textarea:focus{border-color:crimson;box-shadow:0 0 0 3px #dc143c1f;outline:none}@media(max-width:768px){.contact .right form input,.contact .right form textarea{width:240px}}.contact .right form input{height:20px}.contact .right form textarea{height:160px;resize:none}.contact .right form button{background-color:crimson;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;height:42px;transition:background-color .2s ease,transform .2s ease;width:150px}.contact .right form button:hover:not(:disabled){background-color:#15023a;transform:translateY(-2px)}.contact .right form button:disabled{cursor:default;opacity:.7}.contact .right form button:focus{outline:none}.contact .right form span{font-size:13px;text-align:center}.contact .right form span.success{color:#22c55e}.contact .right form span.error{color:crimson}.App{height:100vh}.App .section{height:calc(100vh - 70px);overflow-y:auto;position:relative;scroll-behavior:smooth;scrollbar-width:none;top:70px;width:100%}.App .section::-webkit-scrollbar{display:none}.App .section>*{min-height:calc(100vh - 70px);width:100%}@keyframes revealUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.5c796103.css.map*/