@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Roboto:wght@400;700&family=Saira+Stencil+One&display=swap";:root{--teal-primary:#1dafa1;--teal-light:#3adfce;--teal-dark:#147b71;--teal-glow:#1dafa14d;--sizzling-sunrise:#f9d81a;--black:#000;--white:#fff;--ff-saira:"Saira Stencil One", sans-serif;--ff-poppins:"Poppins", sans-serif;--ff-roboto:"Roboto", sans-serif;--fs-1:2rem;--fs-2:calc(1.813rem + 1vw);--fs-3:calc(1.313rem + 1vw);--fs-4:1.4rem;--fs-5:1rem;--fs-6:.813rem;--fs-7:.75rem;--fw-400:400;--fw-700:700;--transition-1:.25s ease-in-out;--section-padding:80px;--radius-4:4px;--radius-12:12px}body.dark_theme{--bg-primary:#1a1a1a;--bg-secondary:#292929;--color-primary:#fff;--color-secondary:#9e9e9e;--card-shadow:#0006;--input-bg:#242424;--shadow-1:10px 10px 40px var(--card-shadow)}body.light_theme{--bg-primary:#f0f5f5;--bg-secondary:#fff;--color-primary:#1f1f1f;--color-secondary:#5e5e5e;--card-shadow:#1dafa126;--input-bg:#e7efef;--shadow-1:10px 10px 40px var(--card-shadow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}li{list-style:none}a{text-decoration:none}img{display:block}input,button,select,textarea{font:inherit;background:0 0;border:none}button,select{cursor:pointer}input,textarea{width:100%}html{font-family:var(--ff-roboto);scroll-behavior:smooth}body{background:var(--bg-primary);transition:var(--transition-1)}body.active{overflow:hidden}.container{padding-inline:10px}.h1{font-size:var(--fs-1);font-weight:400;line-height:1.2}.h2,.h3,.h4{color:var(--color-primary);font-family:var(--ff-poppins);line-height:1.2}.h2{font-size:var(--fs-2)}.h3{font-size:var(--fs-3)}.h4{font-size:var(--fs-5)}.w-100{width:100%}.btn{max-width:max-content;color:var(--color-primary);font-weight:var(--fw-700);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-4);transition:var(--transition-1);cursor:pointer;border:1px solid #0000;padding:10px 25px}.btn-primary{border-color:var(--teal-primary);color:var(--teal-primary)}.btn-primary:hover{background:var(--teal-primary);color:var(--white);box-shadow:0 0 20px var(--teal-glow)}.btn-secondary{background:var(--teal-primary);border-color:var(--teal-primary);color:var(--white)}.btn-secondary:hover{background:var(--teal-dark);box-shadow:0 0 20px var(--teal-glow)}.section-subtitle{color:var(--teal-primary);text-transform:uppercase;letter-spacing:2px;font-weight:600;font-size:var(--fs-7);margin-bottom:20px;padding-bottom:5px;position:relative}.section-subtitle:after{content:"";background:var(--teal-primary);width:60px;height:2px;position:absolute;top:100%;left:0}.section-title{max-width:350px;margin-bottom:30px}.section-text{color:var(--color-secondary);margin-bottom:30px;line-height:1.8}.tooltip{background:var(--teal-primary);min-width:max-content;color:var(--white);font-size:13px;font-weight:var(--fw-700);border-radius:var(--radius-4);box-shadow:var(--shadow-1);opacity:0;pointer-events:none;transition:var(--transition-1);z-index:1;padding:5px 10px;position:absolute;top:-40px;transform:translateY(-10px)}.header{width:100%;transition:var(--transition-1);z-index:4;padding-block:15px;position:fixed;top:0;left:0}.header.active{background:var(--bg-secondary);box-shadow:var(--shadow-1);border-bottom:1px solid var(--teal-glow);padding-block:12px}.header .container{justify-content:space-between;align-items:center;gap:10px;display:flex}.logo{z-index:2;align-items:center;gap:8px;min-width:77px;display:flex;position:relative}.logo img{border:2px solid var(--teal-primary);border-radius:50%;width:45px;height:45px}.logo a{color:var(--color-primary);font-family:var(--ff-saira);font-size:1.2rem}.logo span{color:var(--teal-primary);margin-left:2px;display:inline-block}.navbar-actions{align-items:center;gap:15px;margin-left:auto;display:flex}.theme-btn{background:var(--bg-secondary);width:48px;transition:var(--transition-1);border:1px solid var(--teal-glow);border-radius:100px;padding:4px}.theme-btn .icon{width:20px;height:20px;box-shadow:inset 9px -6px var(--color-primary);transition:var(--transition-1);border-radius:50px;position:relative;left:0}.theme-btn.active .icon{box-shadow:inset 20px -20px var(--sizzling-sunrise);left:20px}.download-btn{background:var(--teal-primary);color:var(--white);border-radius:var(--radius-4);font-size:var(--fs-7);font-weight:var(--fw-700);text-transform:uppercase;letter-spacing:.5px;transition:var(--transition-1);white-space:nowrap;align-items:center;gap:6px;padding:8px 16px;display:flex}.download-btn:hover{background:var(--teal-dark);box-shadow:0 0 15px var(--teal-glow)}.nav-toggle-btn{transition:var(--transition-1);z-index:2;cursor:pointer;background:0 0;border:none;position:relative;transform:rotate(-55deg)}.nav-toggle-btn.active{transform:rotate(-45deg)}.nav-toggle-btn span{background:var(--color-primary);width:20px;height:2px;transition:var(--transition-1);margin:5px;display:block}.nav-toggle-btn .one,.nav-toggle-btn .three{width:10px}.nav-toggle-btn .one{transform-origin:0;margin-left:auto}.nav-toggle-btn .three{transform-origin:100%}.nav-toggle-btn.active .one{transform:rotate(90deg)translate(-3px)}.nav-toggle-btn.active .three{transform:rotate(90deg)translate(3px)}.navbar{background:var(--bg-secondary);visibility:hidden;z-index:1;place-items:center;width:100%;height:100%;transition:all .75s cubic-bezier(.71,.01,.24,.99) .5s;display:grid;position:fixed;top:100%;left:0}.navbar.active{visibility:visible;transition-delay:0s;top:0}.navbar-list>li{margin-block:20px;padding-inline:50px;overflow:hidden}.navbar-link{width:max-content;color:var(--color-primary);font-family:var(--ff-poppins);font-size:var(--fs-1);margin-inline:auto;padding:10px;transition:all .75s cubic-bezier(.68,-.55,.27,2);display:block;position:relative;transform:translateY(50px)}.navbar.active .navbar-link{transition-delay:.5s;transform:translateY(0)}.navbar-link:before{content:"";background:var(--teal-primary);width:0;height:5px;transition:var(--transition-1);position:absolute;top:50%;left:0;transform:translateY(-50%)}.navbar-link:hover:before{width:100%}.navbar-link:hover{color:var(--teal-primary)}main{overflow-x:hidden}.hero{min-height:100vh;margin-bottom:var(--section-padding);flex-direction:column;justify-content:center;align-items:center;padding-top:115px;display:flex}.hero-banner{width:105%;max-width:500px;margin-bottom:30px}.hero-banner img{filter:drop-shadow(0 0 30px var(--teal-glow))}.hero-social-list,.scroll-down{display:none}.hero-content{max-width:450px}.hero-title{text-align:center;margin-bottom:15px}.hero-subtitle{text-align:center;color:var(--teal-primary);font-family:var(--ff-poppins);font-size:var(--fs-4);margin-bottom:30px}.hero .btn-primary{margin-inline:auto}.stats{padding-block:var(--section-padding)}.stats-list{gap:30px;display:grid}.stats-card{background:var(--bg-secondary);border-radius:var(--radius-12);box-shadow:var(--shadow-1);transition:var(--transition-1);border:1px solid #0000;align-items:center;gap:10px;padding:25px;display:flex}.stats-card:hover{border-color:var(--teal-glow);box-shadow:0 10px 40px var(--teal-glow);transform:translateY(-5px)}.stats-card .card-icon{background:var(--teal-primary);border-radius:50%;flex-shrink:0;place-items:center;width:60px;height:60px;display:grid}.stats-card .card-icon img{filter:invert();width:70%}.stats-card .card-title{width:calc(100% - 95px);color:var(--teal-primary);text-align:center}.stats-card .card-title strong{color:var(--color-primary);font-size:initial;margin-top:5px;line-height:1.3;display:block}.stats-card .chevron{color:var(--color-secondary);margin-left:auto}.about{padding-block:var(--section-padding)}.about-banner{margin-inline:auto;max-width:400px;margin-bottom:80px}.about-banner img{border-radius:var(--radius-12);filter:drop-shadow(0 0 30px var(--teal-glow))}.about .btn{max-width:unset;width:100%}.about .btn-secondary{margin-bottom:10px}.btn-group{flex-direction:column;gap:10px;display:flex}.skills{padding-block:var(--section-padding)}.skills-content{margin-bottom:50px}.skills-toggle{background:var(--bg-secondary);width:max-content;box-shadow:var(--shadow-1);z-index:1;border:1px solid var(--teal-glow);border-radius:100px;align-items:center;margin-inline:auto;padding:5px;display:flex;position:relative}.skills-toggle:before{content:"";background:var(--teal-primary);width:93px;transition:var(--transition-1);z-index:-1;border-radius:100px;position:absolute;top:5px;bottom:5px;left:5px}.skills-toggle.active:before{width:94px;left:98px}.toggle-btn{color:var(--color-primary);font-family:var(--ff-poppins);transition:var(--transition-1);padding:5px 25px}.toggle-btn.active{color:var(--white)}.skills-list,.tools-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;animation:.6s forwards myAnim;display:flex}.skill-card{background:var(--bg-secondary);border-radius:var(--radius-12);width:80px;height:80px;box-shadow:var(--shadow-1);cursor:help;transition:var(--transition-1);border:1px solid #0000;place-items:center;display:grid;position:relative}.skill-card:hover{border-color:var(--teal-primary);box-shadow:0 5px 20px var(--teal-glow);transform:translateY(-5px)}.skill-card:hover .tooltip{opacity:1;transform:translateY(0)}.skill-card img{object-fit:contain;width:48px;height:48px}.card-icon img{object-fit:contain;width:100%;height:100%}@keyframes myAnim{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.project{padding-block:var(--section-padding)}.project-list>li{margin-bottom:25px}.project-card{border-radius:var(--radius-12);transition:var(--transition-1);border:1px solid #0000;position:relative;overflow:hidden;box-shadow:2px 4px 6px #0003}.project-card:hover{border-color:var(--teal-glow);box-shadow:0 10px 30px var(--teal-glow)}.project-card:after{content:"";border-radius:inherit;transition:var(--transition-1);position:absolute;inset:0}.project-card:hover:after{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:#1dafa11a}.project-card .card-content{width:100%;padding:20px;position:absolute;bottom:0;left:0}.project-card .card-title{margin-bottom:10px}.project-card .card-title,.project-card .publish-date{background:var(--bg-primary);width:max-content;box-shadow:var(--shadow-1);opacity:0;transition:var(--transition-1);padding:6px 12px;transform:translateY(20px)}.project-card .publish-date{font-size:var(--fs-6);color:var(--teal-primary);transition-delay:0s}.project-card:hover .card-title,.project-card:hover .publish-date{opacity:1;transform:translateY(0)}.project-card:hover .publish-date{transition-delay:.1s}.project-tech{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.tech-tag{background:var(--teal-primary);color:var(--white);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.project-card .card-banner img,.project-card .card-banner svg{object-fit:cover;width:100%;height:220px;transition:transform .4s;display:block}.project-card:hover .card-banner img{transform:scale(1.05)}.project-card .card-content{background:linear-gradient(#0000,#000000b3);width:100%;padding:20px;position:absolute;bottom:0;left:0}.contact{padding-block:var(--section-padding)}.contact-content{margin-bottom:50px}.contact-list-item{align-items:flex-start;gap:15px;margin-bottom:20px;display:flex}.contact-item-icon{color:var(--teal-primary);font-size:25px}.contact-item-title{margin-bottom:10px}.contact-info{color:var(--color-secondary);transition:var(--transition-1);font-style:normal;line-height:1.6}.contact-info:hover{color:var(--teal-primary)}.contac-social-list{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:15px;padding-inline:40px;display:flex}.contact-social-link{background:var(--color-primary);color:var(--bg-primary);width:35px;height:35px;transition:var(--transition-1);border-radius:50%;place-items:center;font-size:18px;display:grid;position:relative}.contact-social-link:hover{background:var(--teal-primary);color:var(--white);box-shadow:0 0 15px var(--teal-glow)}.contact-social-link:hover .tooltip{opacity:1;transform:translateY(0)}.contact-form{background:var(--bg-secondary);border-radius:var(--radius-12);box-shadow:var(--shadow-1);border:1px solid var(--teal-glow);padding:20px}.form-wrapper{margin-bottom:25px}.form-label{color:var(--color-primary);font-size:var(--fs-7);font-family:var(--ff-poppins);margin-bottom:8px;margin-left:5px;display:block}.input-wrapper{position:relative}.input-field{background:var(--input-bg);color:var(--color-primary);border-radius:var(--radius-12);transition:var(--transition-1);border:1px solid #0000;width:100%;padding:10px 10px 10px 40px}.input-field:focus{border-color:var(--teal-primary);box-shadow:0 0 10px var(--teal-glow);outline:none}.input-icon{color:var(--color-secondary);transition:var(--transition-1);pointer-events:none;font-size:20px;position:absolute;top:10px;left:10px}.input-field:focus~.input-icon{color:var(--teal-primary)}textarea.input-field{resize:vertical;height:120px;min-height:60px;max-height:200px}.contact .btn-primary{max-width:unset;background:var(--teal-primary);width:100%;color:var(--white);border-color:var(--teal-primary)}.contact .btn-primary:hover{background:var(--teal-dark)}.form-success{color:var(--teal-primary);text-align:center;padding:10px;font-weight:600}.form-error{color:#ff6b6b;text-align:center;padding:10px;font-weight:600}.footer{background:var(--bg-secondary);text-align:center;box-shadow:var(--shadow-1);border-top:1px solid var(--teal-glow);padding-block:20px}.footer .logo{justify-content:center;margin-bottom:15px}.copyright{color:var(--color-secondary);line-height:1.6}.copyright a{color:var(--teal-primary);display:inline-block}.go-top{width:45px;height:45px;color:var(--white);background:var(--teal-primary);opacity:0;pointer-events:none;transition:var(--transition-1);z-index:2;box-shadow:0 0 15px var(--teal-glow);border-radius:50%;place-items:center;font-size:20px;display:grid;position:fixed;bottom:25px;right:25px;transform:translateY(10px)}.go-top.active{opacity:1;pointer-events:all;transform:translateY(0)}.go-top:hover{background:var(--teal-dark)}.hero-social-link{color:var(--color-secondary);transition:var(--transition-1);margin-block:5px;padding:5px;font-size:18px;display:block;position:relative}.hero-social-link:hover{color:var(--teal-primary)}.hero-social-link .tooltip{top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(10px)}.hero-social-link:hover .tooltip{opacity:1;transform:translateY(-50%)translate(0)}@media (width>=550px){.container{max-width:550px;margin-inline:auto}.section-title{max-width:380px}.project-list{column-count:2;column-gap:25px}.project-list>li:first-child{column-span:all}}@media (width>=768px){.container{max-width:720px}.section-title{max-width:430px}.stats-list{grid-template-columns:1fr 1fr}.btn-group{flex-direction:row;justify-content:flex-start;align-items:center;gap:20px}.about .btn{max-width:max-content}.about .btn-secondary{margin-bottom:0}.contact-form{max-width:450px;margin-inline:auto}}@media (width>=992px){:root{--fs-2:3rem;--section-padding:100px}.container{max-width:980px}.section-content{padding-left:40px;position:relative}.section-subtitle{transform-origin:0 0;margin-bottom:0;position:absolute;top:0;left:0;transform:rotate(.75turn)translate(-100%)}.section-subtitle:after{top:8px;left:auto;right:calc(100% + 20px)}.header{padding-block:30px}.header.active{padding-block:15px}.navbar-actions{order:1;margin-left:0}.nav-toggle-btn{display:none}.navbar{all:unset}.navbar-link{font-size:unset;padding-inline:5px;display:block;transform:translateY(0)}.navbar-list>li{margin:0;padding:0;overflow:visible}.navbar-list{justify-content:center;align-items:center;gap:20px;display:flex}.navbar-link:before{height:2px}.hero{height:100vh;padding-top:0;position:relative}.hero-banner{max-width:unset;height:100%;margin-bottom:0}.hero img{width:auto;height:100%;margin-inline:auto}.hero-content{--color-primary:var(--white);filter:drop-shadow(2px 4px 10px var(--black));position:absolute;top:50%}.hero-social-list{display:block;position:absolute;bottom:92px;left:-30px}.hero-social-list:after{content:"";background:var(--color-secondary);width:2px;height:30px;position:absolute;bottom:-40px;left:13px}.scroll-down{color:var(--color-secondary);text-transform:uppercase;transform-origin:100% 0;font-size:1.125rem;display:block;position:absolute;bottom:80px;right:-30px;transform:rotate(90deg)}.scroll-down:after{content:"";background:var(--color-secondary);width:30px;height:2px;position:absolute;top:8px;right:-50px}.stats-list{grid-template-columns:repeat(3,1fr)}.stats-card{height:100%}.about{grid-template-columns:1fr 1fr;align-items:center;gap:30px;display:grid}.about-banner{margin-bottom:0}.skills{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.skills-content{margin-bottom:0}.skills-toggle{margin-inline:0}.project-list{column-count:3}.project-list>li:first-child{column-span:unset;margin:25px;margin-left:0}.contact{grid-template-columns:1fr 1fr;gap:30px;display:grid}.contact-content{margin-bottom:0}.contact-form{width:100%;max-width:unset}.contact-list{margin-left:-40px}.footer .container{justify-content:space-between;align-items:center;display:flex}.footer .logo{margin-bottom:0}}@media (width>=1200px){.container{max-width:1150px}.section-title{max-width:460px}.hero-social-list{left:-70px}.scroll-down{right:-80px}.about-banner{max-width:450px}}@keyframes pulse-teal{0%,to{box-shadow:0 0 20px var(--teal-glow)}50%{box-shadow:0 0 40px var(--teal-primary)}}.teal-glow{animation:3s ease-in-out infinite pulse-teal}