:root{--color-primary: #020617;--color-secondary: #22c55e;--color-white: #ffffff;--color-black: #000000;--color-grey0: #f8f8f8;--color-grey-1: #dbe1e8;--color-grey-2: #b2becd;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #2a2e35;--color-grey-6: #12181b;--br-sm-2: 14px;--box-shadow-1: 0 3px 15px rgba(0, 0, 0, .3);--animation: all .4s ease-in-out;--gh-l0: #161b22;--gh-l1: #0e4429;--gh-l2: #006d32;--gh-l3: #26a641;--gh-l4: #39d353}.light-mode{--color-primary: #ffffff;--color-secondary: #22c55e;--color-white: #454e56;--color-black: #000000;--color-grey0: #f8f8f8;--color-grey-1: #6c7983;--color-grey-2: #6c7983;--color-grey-3: #6c7983;--color-grey-4: #454e56;--color-grey-5: #f8f8f8;--color-grey-6: #12181b}*{margin:0;padding:0;box-sizing:border-box;list-style:none}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background:radial-gradient(circle at top left,#22c55e22,transparent 55%),#020617;background-attachment:fixed;transition:var(--animation);color:var(--color-grey-3);overflow-x:hidden}.light-mode body{background-color:var(--color-primary)}a{display:inline-block;text-decoration:none;color:inherit;font-family:inherit}header{min-height:100vh;color:var(--color-white);overflow:hidden;padding:0!important}section{min-height:100vh;width:100%;position:relative;padding:3rem 12rem}.section{background-color:transparent;transition:var(--animation)}.light-mode .section{background-color:var(--color-primary)}.controls{position:fixed;z-index:10;top:50%;right:3%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-50%);gap:1.5rem}.controls .active-btn{background-color:var(--color-secondary)!important;transition:var(--animation)}.controls .active-btn i{color:var(--color-white)!important}.controls .control{padding:0;cursor:pointer;background-color:var(--color-grey-4);width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--box-shadow-1);transition:var(--animation)}.controls .control i{font-size:1.3rem;pointer-events:none;color:var(--color-grey-2)}.controls .control:hover{background-color:var(--color-secondary)}.controls .control:hover i{color:var(--color-white)}.header-content{display:grid;grid-template-columns:repeat(2,1fr);min-height:100vh}.header-content .left-header{display:flex;align-items:center;position:relative;justify-content:center}.header-content .left-header .h-shape{transition:all .4s ease-in-out;width:65%;height:100%;background-color:var(--color-secondary);position:absolute;left:0;top:0;z-index:-1;clip-path:polygon(0 0,46% 0,79% 100%,0% 100%)}.header-content .left-header .image{border-radius:var(--br-sm-2);width:90%;max-width:500px;margin-left:0;background:radial-gradient(circle at top left,#22c55e22,transparent 55%),#020617;transition:var(--animation);padding:1rem;box-shadow:0 22px 50px #000000e6}.header-content .right-header{display:flex;flex-direction:column;justify-content:center;padding-right:3rem}.header-content .right-header .name{font-size:3rem;margin-bottom:1.5rem;line-height:3.5rem}.header-content .right-header .name span{color:var(--color-secondary)}.header-content .right-header p{margin:1.5rem 0;line-height:2rem;color:var(--color-grey-1)}.about-container{display:grid;grid-template-columns:repeat(2,1fr);padding-top:3.5rem;padding-bottom:5rem;gap:2rem}.about-container .right-about{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem}.about-container .right-about .about-item{border:1px solid #1e293b;border-radius:12px;transition:var(--animation);box-shadow:0 4px 20px #0003;background:linear-gradient(135deg,#0b1120,#0d1525);overflow:hidden;position:relative}.about-container .right-about .about-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(135deg,rgba(34,197,94,.06),transparent);opacity:0;transition:opacity .4s ease}.about-container .right-about .about-item:hover{cursor:default;transform:translateY(-6px);border-color:#22c55e66;box-shadow:0 16px 40px #00000080,0 0 30px #22c55e14}.about-container .right-about .about-item:hover:before{opacity:1}.about-container .right-about .about-item .abt-text{padding:1.5rem;display:flex;flex-direction:column}.about-container .right-about .about-item .abt-text .large-text{font-size:3rem;font-weight:700;color:var(--color-secondary)}.about-container .right-about .about-item .abt-text .small-text{padding-left:3rem;position:relative;text-transform:uppercase;font-size:1rem;color:var(--color-grey-1);letter-spacing:2px}.about-container .right-about .about-item .abt-text .small-text:before{content:"";position:absolute;left:0;top:15px;width:2rem;height:2px;background-color:var(--color-grey-5)}.about-container .left-about p{line-height:2rem;padding:1rem;color:var(--color-grey-1)}.about-container .left-about h4{font-size:2rem;text-transform:uppercase}.about-stats{padding-bottom:4rem}.about-stats .progress-bars{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem}.about-stats .progress-bars .progress-bar{display:flex;flex-direction:column}.about-stats .progress-bars .progress-bar .prog-title{text-transform:uppercase;font-weight:500}.about-stats .progress-bars .progress-bar .progress-con{display:flex;align-items:center}.about-stats .progress-bars .progress-bar .progress-con .prog-text{color:var(--color-grey-2)}.about-stats .progress-bars .progress-bar .progress-con .progress{width:100%;height:.45rem;background-color:var(--color-grey-4);margin-left:1rem;position:relative}.about-stats .progress-bars .progress-bar .progress-con .progress span{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--color-secondary),rgba(34,197,94,.6));border-radius:4px;width:60%;transform:scaleX(0);transform-origin:left center;transition:transform 1s cubic-bezier(.4,0,.2,1)}.about-stats.in-view .progress-bars .progress-bar .progress-con .progress span{transform:scaleX(1)}.about-stats .progress-bars .progress-bar .progress-con .progress .html,.about-stats .progress-bars .progress-bar .progress-con .progress .js{width:95%}.about-stats .progress-bars .progress-bar .progress-con .progress .ts,.about-stats .progress-bars .progress-bar .progress-con .progress .react,.about-stats .progress-bars .progress-bar .progress-con .progress .node,.about-stats .progress-bars .progress-bar .progress-con .progress .express{width:90%}.about-stats .progress-bars .progress-bar .progress-con .progress .mongo,.about-stats .progress-bars .progress-bar .progress-con .progress .postgres{width:85%}.about-stats .progress-bars .progress-bar .progress-con .progress .redis{width:75%}.about-stats .progress-bars .progress-bar .progress-con .progress .docker{width:85%}.about-stats .progress-bars .progress-bar .progress-con .progress .python{width:80%}.timeline{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;padding-bottom:3rem}.timeline .timeline-item{position:relative;padding-left:3rem;border-left:1px solid var(--color-grey-5)}.timeline .timeline-item .tl-icon{position:absolute;left:-27px;top:0;background-color:var(--color-secondary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.timeline .timeline-item .tl-icon i{font-size:1.3rem}.timeline .timeline-item .tl-duration{padding:.2rem .6rem;background-color:var(--color-grey-5);border-radius:15px;display:inline-block;font-size:.8rem;text-transform:uppercase;font-weight:500}.timeline .timeline-item h5{padding:1rem 0;text-transform:uppercase;font-size:1.3rem;font-weight:600}.timeline .timeline-item p{color:var(--color-grey-2)}.timeline .timeline-item ul{margin-top:.5rem;padding-left:1rem;color:var(--color-grey-2)}.timeline .timeline-item ul li{margin-bottom:.3rem;list-style:disc}.port-text{padding:2rem 0;text-align:center}.portfolios{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.project-card{position:relative;border-radius:15px;background-color:#0b1120;box-shadow:0 10px 30px #00000080;padding:1.5rem;border:1px solid #1e293b;transition:all .3s ease-in-out;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-secondary),transparent 70%);opacity:0;transition:opacity .3s ease}.project-card:hover{transform:translateY(-6px);border-color:#22c55e66;box-shadow:0 20px 50px #000000b3,0 0 0 1px #22c55e26,0 0 40px #22c55e0f}.project-card:hover:before{opacity:1}.project-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.project-name{font-size:1.2rem;font-weight:700;color:var(--color-white)}.project-badge{font-size:.65rem;color:var(--color-secondary);border:1px solid rgba(34,197,94,.4);background:rgba(34,197,94,.08);padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.project-stack{font-size:.8rem;color:var(--color-grey-2);margin-bottom:1rem;font-family:monospace}.project-desc{margin-bottom:1.5rem;font-size:.9rem;color:var(--color-grey-1);line-height:1.5}.project-links{display:flex;gap:1rem}.project-link{display:flex;align-items:center;gap:.4rem;font-size:.82rem;padding:.3rem .7rem;border-radius:20px;border:1px solid #1e293b;color:var(--color-grey-2);transition:color .2s ease,border-color .2s ease,background .2s ease}.project-link:hover{color:var(--color-secondary);border-color:#22c55e66;background:rgba(34,197,94,.05)}.contact-container{display:flex;flex-direction:column}.contact-content-con{display:flex;padding-top:3.5rem;color:var(--color-grey-1)}.contact-content-con .left-contact{flex:2;padding-right:3rem}.contact-content-con .left-contact .contact-info .contact-item{display:flex;align-items:center;justify-content:flex-start;gap:1rem;margin-bottom:1.5rem}.contact-content-con .left-contact .contact-info .contact-item .icon{display:grid;grid-template-columns:40px 1fr}.contact-content-con .left-contact .contact-info .contact-item .icon i{display:flex;align-items:center;font-size:1.3rem;color:var(--color-secondary)}.contact-content-con .left-contact .contact-icons{display:flex;margin-top:2rem}.contact-content-con .left-contact .contact-icons a{display:flex;align-items:center;color:var(--color-white);background-color:var(--color-grey-5);cursor:pointer;justify-content:center;width:50px;height:50px;border-radius:50%;margin:0 .4rem;transition:var(--animation)}.contact-content-con .left-contact .contact-icons a:hover{background-color:var(--color-secondary)}.contact-content-con .right-contact{flex:3;margin-left:3rem}.contact-content-con .right-contact .contact-form{display:flex;flex-direction:column;gap:1.2rem}.contact-content-con .right-contact .contact-form .contact-row{display:flex;gap:1.5rem;width:100%}.contact-content-con .right-contact .contact-form .input-control{width:100%}.contact-content-con .right-contact .contact-form input,.contact-content-con .right-contact .contact-form textarea{border-radius:10px;font-weight:inherit;font-size:.9rem;font-family:inherit;padding:.75rem 1rem;outline:none;border:1px solid #1e293b;background-color:#0b1120;width:100%;color:var(--color-white);resize:none;transition:border-color .2s ease,box-shadow .2s ease}.contact-content-con .right-contact .contact-form input:focus,.contact-content-con .right-contact .contact-form textarea:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px #22c55e1f}.contact-content-con .right-contact .contact-form textarea{border-radius:10px;min-height:120px}.contact-content-con .right-contact .contact-form button[type=submit]{align-self:flex-end;display:inline-flex;align-items:center;gap:0;background:transparent;border:1px solid var(--color-secondary);border-radius:30px;cursor:pointer;font-family:inherit;overflow:hidden;transition:box-shadow .3s ease,transform .2s ease;position:relative}.contact-content-con .right-contact .contact-form button[type=submit]:hover{box-shadow:0 0 20px #22c55e40;transform:translateY(-2px)}.contact-content-con .right-contact .contact-form button[type=submit]:active{transform:translateY(0)}.contact-content-con .right-contact .contact-form .bt-text{padding:.65rem 1.4rem;font-size:.85rem;font-weight:600;color:var(--color-secondary);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;transition:color .3s ease}.contact-content-con .right-contact .contact-form .bt-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;padding:.65rem .9rem;color:#000;font-size:.9rem;transition:background-color .3s ease,padding .3s ease}.contact-content-con .right-contact .contact-form button[type=submit]:hover .bt-icon{background-color:#16a34a;padding:.65rem 1.1rem}.contact-content-con .right-contact .contact-form button[type=submit]:hover .bt-text{color:#fff}.btn-con{display:flex;align-self:flex-start}.main-btn{border-radius:30px;color:inherit;font-weight:600;position:relative;border:1px solid var(--color-secondary);display:flex;align-self:flex-start;align-items:center;overflow:hidden}.main-btn .btn-text{padding:0 2rem}.main-btn .btn-icon{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;padding:1rem}.main-title{text-align:center}.main-title h2{position:relative;text-transform:uppercase;font-size:3rem;font-weight:700}.main-title h2 span{color:var(--color-secondary)}.main-title h2 .bg-text{position:absolute;top:50%;left:50%;color:var(--color-grey-5);transition:var(--animation);z-index:-1;transform:translate(-50%,-50%);font-weight:800;font-size:4.5rem}.theme-btn{top:5%;right:3%;width:70px;height:70px;border-radius:50%;background-color:var(--color-grey-4);cursor:pointer;position:fixed;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px #0000004d;transition:all .1s ease-in-out;z-index:100}.theme-btn:active{transform:translateY(-3px)}.theme-btn i{font-size:1.4rem;color:var(--color-grey-2);pointer-events:none}.gh-card{width:100%!important;max-width:500px;padding:1.4rem;background:linear-gradient(145deg,#0d1117 0%,#0a0f1a 100%);border-radius:16px;border:1px solid #21262d;display:flex;flex-direction:column;gap:.9rem;box-shadow:0 24px 64px #0009,inset 0 1px #ffffff0a}.gh-header{display:flex;align-items:center;gap:.9rem}.gh-avatar{width:56px;height:56px;border-radius:50%;border:2px solid var(--color-secondary);box-shadow:0 0 0 4px #22c55e1f;transition:transform .3s ease;flex-shrink:0}.gh-avatar:hover{transform:scale(1.08)}.gh-identity{display:flex;flex-direction:column;gap:2px;min-width:0}.gh-name{font-size:.92rem;font-weight:700;color:#e6edf3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gh-username{font-size:.78rem;color:#8b949e}.gh-bio{font-size:.78rem;color:#8b949e;line-height:1.5;border-left:2px solid #21262d;padding-left:.6rem}.gh-stats{display:flex;justify-content:space-around;background:rgba(255,255,255,.03);padding:.7rem .5rem;border-radius:10px;border:1px solid #21262d}.gh-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.gh-stat-value{font-size:1.1rem;font-weight:700;color:var(--color-secondary);line-height:1}.gh-stat-label{font-size:.62rem;color:#8b949e;text-transform:uppercase;letter-spacing:.06em}.gh-highlights{display:flex;flex-direction:column;gap:.4rem}.gh-highlights-title{font-size:.7rem;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px}.gh-highlight-list{display:flex;flex-direction:column;gap:.35rem}.gh-highlight-item{display:flex;justify-content:space-between;align-items:center;padding:.38rem .6rem;border-radius:8px;background:rgba(255,255,255,.02);border:1px solid #21262d;transition:background .2s ease,border-color .2s ease;text-decoration:none}.gh-highlight-item:hover{background:rgba(34,197,94,.06);border-color:#22c55e4d}.gh-highlight-name{font-size:.76rem;color:#58a6ff;font-weight:500}.gh-highlight-meta{font-size:.68rem;color:#8b949e}.gh-contrib-wrapper{display:flex;flex-direction:column;gap:5px;width:100%}.gh-contrib-stats{font-size:.7rem;color:#8b949e;font-weight:500}.gh-contrib-body{display:flex;gap:4px;align-items:flex-start;min-width:0}.gh-contrib-day-labels{display:flex;flex-direction:column;padding-top:22px;flex-shrink:0;gap:0}.gh-contrib-day-labels span{font-size:.56rem;color:#8b949e;height:16px;line-height:16px;text-align:right;padding-right:4px;min-width:24px}.gh-contrib-scrollable{display:flex;flex-direction:column;gap:4px;overflow-x:auto;flex:1;min-width:0;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#30363d transparent}.gh-contrib-scrollable::-webkit-scrollbar{height:3px}.gh-contrib-scrollable::-webkit-scrollbar-track{background:transparent}.gh-contrib-scrollable::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.gh-contrib-months{position:relative;height:18px;flex-shrink:0;min-width:max-content}.gh-contrib-month{position:absolute;font-size:.6rem;color:#8b949e;white-space:nowrap;top:0}.gh-contrib-graph{display:flex;gap:3px;min-width:max-content}.gh-contrib-week{display:flex;flex-direction:column;gap:3px;flex-shrink:0;animation:weekSlideIn .5s ease both}@keyframes weekSlideIn{0%{opacity:0;transform:scaleY(.6)}to{opacity:1;transform:scaleY(1)}}.gh-contrib-cell{width:13px;height:13px;border-radius:3px;cursor:pointer;position:relative;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.gh-contrib-cell:hover{transform:scale(1.6);filter:brightness(1.4);z-index:2;box-shadow:0 0 8px #39d35380}.gh-contrib-legend{display:flex;align-items:center;gap:4px;justify-content:flex-end;font-size:.6rem;color:#8b949e;padding-right:2px}.gh-legend-cell{width:13px;height:13px;border-radius:3px}.gh-contrib-tooltip{position:fixed;background:#1c2128;color:#e6edf3;font-size:.72rem;line-height:1.5;padding:6px 10px;border-radius:8px;pointer-events:none;z-index:99999;white-space:nowrap;box-shadow:0 8px 24px #000000b3;border:1px solid #30363d;display:none}.gh-contrib-tooltip.visible{display:block}.gh-contrib-tooltip strong{display:block;font-weight:600;color:#f0f6fc}.gh-contrib-tooltip span{color:#8b949e;font-size:.67rem}.gh-loading,.gh-error{font-size:.8rem;color:#8b949e;padding:1rem;text-align:center}@media screen and (max-width: 1200px){section{padding:3rem 5rem}.header-content{grid-template-columns:1fr;padding-bottom:6rem}.header-content .left-header .h-shape{display:none}.header-content .left-header{margin-bottom:2rem}.header-content .right-header{grid-row:2;padding-right:0;width:90%;margin:0 auto;text-align:center;align-items:center}.header-content .right-header .btn-con{align-self:center}.about-container{grid-template-columns:1fr}.about-container .right-about{padding-top:2rem}.contact-content-con{flex-direction:column}.contact-content-con .right-contact{margin-left:0;margin-top:2.5rem}.contact-content-con .right-contact .contact-form .contact-row{flex-direction:row}}@media screen and (max-width: 700px){section{padding:2rem 1.5rem}.main-title h2{font-size:2rem}.main-title h2 .bg-text{font-size:3rem}.header-content .right-header .name{font-size:2rem;line-height:2.4rem}.about-container .right-about,.about-stats .progress-bars,.timeline,.portfolios{grid-template-columns:1fr}.contact-content-con .right-contact .contact-form .contact-row{flex-direction:column}.controls{top:auto;bottom:0;flex-direction:row;justify-content:center;left:50%;transform:translate(-50%);width:100%;background-color:var(--color-grey-5);padding:.5rem;right:auto}.controls .control{margin:0 .5rem;width:3rem;height:3rem}.theme-btn{width:45px;height:45px;top:1.5rem;right:1.5rem}.gh-card{width:100%!important;padding:1rem;border-radius:12px}.gh-contrib-cell{width:10px;height:10px}.gh-contrib-day-labels span{height:13px;line-height:13px}.gh-legend-cell{width:10px;height:10px}.project-title-row{flex-wrap:wrap;gap:.5rem}}