@import"https://fonts.googleapis.com/css2?family=Nabla:EDPT,EHLT@30..200,24&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(90deg,#0b0b0d,#3c405b);color:#333;font-family:Helvetica,sans-serif}.about{padding:4rem 2rem;background-color:#000;text-align:center;border-bottom:1px solid #5fb603}.about__header{font-size:2.5rem;margin-bottom:2rem;margin-top:2rem;color:#b2b0b0}.about__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:800px;margin:0 auto}.about__image{width:150px;height:150px;border-radius:50%;object-fit:cover;border:2px solid #c5c5c9;animation:mymove 3s infinite}@keyframes mymove{50%{box-shadow:0 5px 5px #fff}}.about__description{font-size:1.2rem;color:#555;line-height:1.6}.skills{padding:4rem 2rem;text-align:center;border-radius:50px;box-shadow:0 5px 10px #a6f70533;margin:0 auto;max-width:1200px}.skills__header{font-size:2rem;margin-bottom:2rem;color:#c5aeae}.skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1rem;justify-items:center;align-items:center;max-width:100%;margin:0 auto}.skills__icon{width:50%;height:auto;transition:transform .3s ease}.skills__icon:hover{transform:scale(1.2);padding:3px;border:2px solid rgb(34,107,244);border-radius:20%;box-shadow:0 1px 1px #c3f302}@media (max-width:768px){.skills{padding:2rem 1rem;width:100%}.skills__header{font-size:1.5rem;margin-bottom:1.5rem}.skills__grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:.8rem}.skills__icon{width:50px;height:50px}}@media (max-width:480px){.skills{padding:1.5rem .5rem}.skills__header{font-size:1.2rem;margin-bottom:1rem}.skills__grid{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:.5rem}.skills__icon{width:40px;height:40px}}.banner{position:relative;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;color:#fff;text-align:center;border-bottom:1px solid #5fb603}.banner__image{width:60%;max-width:300px;height:auto;border-radius:20%;opacity:.8;object-fit:cover;padding:1rem;margin-top:1rem;border:2px solid #98e40a;animation:mymove 3s infinite}@keyframes mymove{50%{box-shadow:0 3px 4px #4af650}}.banner-content{position:absolute;text-align:center;z-index:1;padding:1rem;max-width:90%}.banner-hai{display:inline-block}.banner-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.neon-text{font-size:2.5rem;color:#fff;animation:fadeIn 2s ease-out}.banner-description{font-size:1.25rem;margin-bottom:2rem;animation:fadeIn 2s ease-out}.scroll-container{width:100%;overflow:hidden;white-space:nowrap;position:relative;height:2rem;margin-bottom:2rem;mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 20%,black 80%,transparent)}.scrolling-text{display:inline-block;padding-left:100%;animation:scroll-left 12s linear infinite;font-size:1.25rem;color:#fff}@keyframes scroll-left{0%{transform:translate(10)}to{transform:translate(-100%)}}.scroll-container:hover .scrolling-text{animation-play-state:paused}.banner-button{padding:.75rem 2rem;font-size:1.25rem;text-decoration:none;background-color:#00bcd4;color:#fff;border-radius:5px;transition:background-color .3s ease}.banner-button:hover{background-color:#0381b6}@keyframes fadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.banner-title{font-size:1.75rem}.neon-text{font-size:1.5rem}.banner-description{font-size:1rem}.banner__image{width:70%;max-width:250px;margin:0 auto}.scroll-container{height:1.5rem}.banner-button{font-size:1rem;padding:.5rem 1.5rem}}.area{background:#000;width:100%;height:100vh;position:relative;overflow:hidden}.circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:#9bfa0233;animation:animate 25s linear infinite;bottom:-150px;border-radius:50%}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:50%}to{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}.aos-item{opacity:0}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-left{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fade-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes zoom-out{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.contact{padding:4rem 2rem;background-color:#000}.contact-form{max-width:500px;margin:0 auto;padding:20px;border-radius:18px;box-shadow:0 2px 14px #ecf4041a}.contact-form h2{text-align:center;margin-bottom:20px;color:#a99c8c}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#445236}.form-group input,.form-group textarea{width:100%;padding:10px;border:.5 solid #ece59f;background-color:#000;border-radius:4px;font-size:16px;color:#ece59f}.form-group textarea{resize:none}button{width:100%;padding:10px;border:none;border-radius:4px;background-color:#007bff;font-size:16px;cursor:pointer;transition:background-color .3s}button:disabled{background-color:#ccc}button:hover{background-color:#0056b3}.response-message{margin-top:10px;text-align:center;font-weight:700;color:green}.error-message{color:red;font-size:.9rem;margin-top:5px}.footer{background-color:#1a1a1a;color:#fff;padding:2rem 1rem;text-align:center}.footer__container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:2rem;max-width:1200px;margin:0 auto}.footer__logo-section{flex:1;min-width:250px}.footer__logo{font-size:1.8rem;font-weight:700;color:#00bcd4;margin-bottom:1rem}.footer__description{font-size:.9rem;color:#ccc}.footer__links{flex:1;min-width:200px}.footer__heading{font-size:1.2rem;margin-bottom:1rem;color:#00bcd4}.footer__list{list-style:none;padding:0}.footer__link{color:#fff;text-decoration:none;display:block;margin-bottom:.5rem;transition:color .3s ease}.footer__link:hover{color:#00bcd4}.footer__socials{flex:1;min-width:200px}.footer__icons{display:flex;gap:1rem;justify-content:center}.footer__icon{font-size:1.5rem;color:#fff;transition:transform .3s ease,color .3s ease}.footer__icon:hover{color:#00bcd4;transform:scale(1.2)}.footer__copyright{margin-top:2rem;font-size:.8rem;color:#ccc}@media (max-width:768px){.footer__container{flex-direction:column;align-items:center}.footer__logo-section,.footer__links,.footer__socials{text-align:center}}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#000;color:#ccc7e2;position:sticky;top:0;z-index:1000;animation:border-gradient-animation 4s linear infinite}@keyframes border-gradient-animation{0%{border-bottom:1px solid #c7e9cc}50%{border-bottom:1px solid #a0e4ed}to{border-bottom:1px solid #f0a2a0}}.header__logo{font-size:1.5rem;font-weight:700;display:flex;gap:2px}.header__image{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #5851db;box-shadow:0 4px 10px #f3f5f633}.header_name{background:linear-gradient(90deg,#d40700,#33ef4f);background-size:300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-animation 4s infinite;margin:0;padding-left:10px;padding-top:10px}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.download-icon{margin-left:8px;animation:bounce 1s infinite}.header_resume-link{display:flex;align-items:center;text-decoration:none;color:inherit;cursor:pointer}.header_resume-link:hover{color:var(--primary-color)}.header__nav{display:flex;gap:1rem}.header__link{cursor:pointer;position:relative;color:#fff;font-weight:500;text-decoration:none;display:inline-block}.header__link:hover,.header__link.active{color:#007bff}.header__link:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background-color:#007bff;transition:width .3s ease}.header__link:hover:after,.header__link.active:after{width:100%}.header__menu-icon{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}@media (max-width:768px){.header__logo{font-size:1.3rem;font-weight:700;display:flex;justify-content:center;gap:2px}.header__nav{position:absolute;top:100%;right:0;background-color:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #00bcd4;border-radius:8px;flex-direction:column;align-items:center;width:100%;padding:1rem;display:none;box-shadow:0 4px 10px #0000004d}.header__nav--open{display:flex}.header__menu-icon{display:block;width:10%}.header__nav:hover{border-bottom:1px solid rgb(74,117,188);transition:border-bottom .5s ease}}.projects{padding:4rem 2rem;text-align:center;background-color:#020202;color:#fff;border-radius:2px;box-shadow:0 5px 15px #0003;padding-top:100px;border-bottom:1px solid #5fb603}.project_header{font-size:2rem;margin-bottom:2rem;color:#f7df1e}.projects_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:0 auto;max-width:1200px}.project_card{background:#000;width:100%;border-radius:20px;text-align:center;padding:1rem;box-shadow:0 4px 8px #c4ff0133;transition:transform .3s ease,box-shadow .3s ease}.project_card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #f105054d}.project_title{width:100%;height:50px;padding-bottom:2px;color:beige}.project_image{width:300px;height:300px;box-shadow:0 0 1px #ff0;border-radius:10px;margin-bottom:1rem}.project_description{width:100%;height:140px;font-size:1rem;margin-bottom:1rem;color:#ddd}.project_buttons{text-decoration:none;color:#fff;padding:.5rem 1rem;border:1px solid #f7df1e;border-radius:15px;font-size:.9rem;align-items:center;gap:.5rem;transition:background-color .3s ease,transform .3s ease;width:80px;min-height:auto}.btn{display:flex;justify-content:space-between;align-items:center;gap:10px}.center_button{margin:0 auto}.project_button{text-decoration:none;color:#fff;border:1px solid #f7df1e;padding:.5rem 1rem;border-radius:15px;font-size:.9rem;align-items:center;gap:.5rem;transition:background-color .3s ease,transform .3s ease}.project_button:hover,.project_buttons:hover{transform:scale(1.05);box-shadow:0 2px 10px #c9f5024d}.project_button i{font-size:1.2rem}.fa{color:#41f605}.loading-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;z-index:9999;flex-direction:column}.dots{font-size:24px;animation:fadeDots .5s ease-in-out infinite}@keyframes fadeDots{0%,to{opacity:.5}50%{opacity:1}}.h1{font-size:3vw;font-family:Nabla}@font-palette-values --Nabla{font-family:Nabla;base-palette:2}span{animation:depth 1s ease-in-out alternate infinite;position:relative;display:inline-block;font-variation-settings:"EDPT" 30;font-palette:--Nabla}@keyframes depth{0%{transform:translate(0) translatey(0)}to{font-variation-settings:"EDPT" 200;transform:translate(.15em) translatey(.1em)}}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background-color:#007bff;color:#fff;border:none;border-radius:50%;box-shadow:0 4px 6px #0000001a;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateY(100px);z-index:1000}.scroll-to-top.visible{opacity:1;transform:translateY(0);animation:bounce 1s infinite}.scroll-to-top:hover{background-color:#0056b3}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}