@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}html{scroll-behavior:smooth;overflow-x:hidden}li{list-style-type:none}p{line-height:1.5;font-size:16px}a{text-decoration:none}button{cursor:pointer}section{background-color:#f5f5f5;transition:all .3s ease}input,textarea{width:100%;background-color:#242424;color:#fff;outline:none;border:3px solid #c0c4cc;border-top:none;border-left:none;border-right:none;height:40px;transition:all .3s ease}textarea{resize:vertical;height:100px;margin-top:8px}label{font-size:14px;font-weight:700}input:hover,textarea:hover{border-color:#dcdfe6}input:focus,textarea:focus{border-color:#f06449}.container{padding:50px 0;width:100%}.row{width:100%;max-width:1100px;margin:0 auto;padding:0 12px}.click{cursor:pointer;transition:all .3s ease}.click:hover{transform:scale(1.1)}.click:active{transform:scale(.8)}.purple{color:#6d49f0!important}.link__hover-effect{position:relative}.link__hover-effect:after{content:"";position:absolute;bottom:-3px;height:3px;width:0;right:0;transition:all .3s ease}.link__hover-effect--white:after{background-color:#fff}.link__hover-effect--black:after{background-color:#242424}.link__hover-effect:hover:after{left:0;width:100%}nav{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;height:100px}#personal-logo{width:50px;height:50px}.nav__link--list{display:flex}.nav__link{margin:0 12px}.nav__link--anchor{font-size:16px;color:#242424;font-weight:700}.fa-adjust{font-size:20px}nav,.scroll,.header{opacity:1;visibility:visible;transition:all .6s .8s}.modal--open nav,.modal--open .scroll,.modal--open .header{opacity:0;visibility:hidden;transition:all .4s}.modal--open{overflow:hidden}.modal--open .mail__btn{display:none}#landing-page{min-height:100vh}.header{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1000px;padding:0 30px}.title{font-size:120px;margin-bottom:12px;text-align:left;line-height:1}.header__para{font-size:24px;line-height:2;max-width:450px}.social__list{margin-top:16px;display:flex}.social__link{background-color:#6d49f0;color:#fff;padding:6px;width:32px;height:32px;font-size:14px;margin-right:12px;display:flex;justify-content:center;align-items:center;border-radius:50%}.mail__btn{width:70px;height:70px;font-size:32px;border-radius:50%;border:none;background-color:#242424;color:#fff;position:fixed;bottom:32px;right:40px;z-index:100;box-shadow:0 12px 30px #00000047}.scroll{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.scroll__icon{width:20px;height:30px;border:2px solid #242424;border-radius:24px;display:flex;align-items:center;justify-content:center}.scroll__icon:after{content:"";width:4px;height:6px;background-color:#242424;border-radius:2px;animation:scroll 1s infinite alternate-reverse}@keyframes scroll{0%{transform:translateY(3px)}to{transform:translateY(-3px)}}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1100px;height:700px;border-radius:20px;overflow:hidden;display:flex;visibility:hidden;z-index:-1;transition:visibility 1s,z-index 1s,box-shadow .5s ease}.modal--open .modal{z-index:60;box-shadow:0 20px 80px #0000008c;visibility:visible}.modal__half{width:50%;padding:40px 72px;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .3s ease-in}.modal--open .modal__about,.modal--open .modal__contact{transform:translate(0)}.modal__about{background-color:#f5f5f5;transform:translate(-110%)}.modal__languages{display:flex;flex-wrap:wrap}.modal__language{width:25%;padding:16px;position:relative;display:flex;flex-direction:column;align-items:center;transition:all .3s ease}.modal__language:hover .language__name{transform:scale(1)}.modal__language:hover{filter:brightness(80%);transform:scale(.9)}.language__name{position:absolute;bottom:-10px;transform:scale(0);transition:all .3s ease}.modal__language--img{width:100%}.modal__contact{transform:translate(110%);background-color:#242424;color:#fff}.modal__title{font-size:26px}.modal__sub-title{margin:12px 0 24px;font-size:14px}.modal__para{margin-bottom:12px;line-height:1.75}.form__item{margin-bottom:20px}.form__submit{background-color:#f06449;border:2px solid #f06449;color:#fff;font-weight:700;width:100%;max-width:240px;padding:12px 24px;font-size:20px;transition:all .3s ease}.form__submit:hover{border-color:#fff;background-color:transparent}.form__submit:active{border-color:#f06449;color:#f06449}.modal__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:-1}.modal__overlay--loading{background-color:#242424;font-size:80px}.modal__overlay--success{background-color:#4bb543;font-size:40px;font-weight:700;text-align:center;padding:28px}.modal__overlay--visible{z-index:1;display:flex}.fa-spinner{animation:spinner .75s infinite linear}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal__exit{position:absolute;top:30px;right:40px;color:#fff;font-size:36px;z-index:100}.section__title{text-align:center;font-size:48px;margin-bottom:60px}.project{margin-bottom:135px}.project__img{width:100%;transition:all .6s ease}.project__wrapper{position:relative;border-radius:20px;box-shadow:0 20px 80px #00000073;overflow:hidden}.project__wrapper:hover .project__description{opacity:1;transform:translateY(-50%)}.project__wrapper:hover .project__img{transform:scale(1.07);filter:blur(5px)}.project__description{position:absolute;top:50%;left:90px;transform:translateY(100%);opacity:0;transition:opacity .3s,transform .45s ease;color:#fff;max-width:550px}.project__wrapper:hover .project__wrapper--bg{opacity:.7;visibility:visible}.project__wrapper--bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1c1d25;opacity:0;transition:all .45s ease;visibility:hidden}.project__description--title{font-size:40px}.project__description--sub-title{margin-top:8px}.project__description--link{color:#fff;font-size:20px;margin-right:16px}.project__description--para{margin:16px 0}.shape{position:fixed}.shape--0{top:15vh;left:5vw}.shape--1{top:15vh;left:50vw}.shape--2{top:15vh;left:80vw}.shape--3{top:50vh;left:5vw}.shape--4{top:50vh;left:50vw}.shape--5{top:50vh;left:80vw}.shape--6{top:80vh;left:5vw}.shape--7{top:80vh;left:50vw}.shape--8{top:80vh;left:80vw}footer{position:relative;background-color:#242424;display:flex;padding:6% 0}.footer__row{display:flex;flex-direction:column;align-items:center}.footer__logo--img{width:70px}.footer__social--list{width:100%;max-width:500px;display:flex;justify-content:space-around;margin:28px 0}.footer__social--link,.footer__copyright{color:#fff}.footer__logo--popper{position:absolute;right:0;top:16px;font-weight:700;opacity:0;transition:all .3s ease;color:#fff}.footer__anchor{position:relative}.footer__anchor:hover .footer__logo--popper{transform:translate(60px);opacity:1}.blog__hero{padding:60px 0 40px;text-align:center}.blog__title{font-size:2.5rem;margin-bottom:12px}.blog__subtitle{color:#666;font-size:1.1rem;text-align:center}.blog__posts--section{padding:0 0 80px}.blog__card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:28px 32px;margin-bottom:20px;transition:box-shadow .2s ease,transform .2s ease}.blog__card:hover{box-shadow:0 4px 24px #6d49f01f;transform:translateY(-2px)}.blog__card--meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.blog__card--date{font-size:.8rem;color:#999;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.blog__card--tags{display:flex;gap:6px;flex-wrap:wrap}.blog__tag{font-size:.75rem;background:#ece6ff;color:#6d49f0;padding:2px 10px;border-radius:50px;font-weight:600}.blog__card--title{text-align:left;font-size:1.35rem;color:#242424;margin-bottom:10px;line-height:1.3}.blog__card--desc{color:#555;margin-bottom:20px}.blog__card--link{color:#6d49f0;font-weight:700;font-size:.95rem}.blog__card--link:hover{opacity:.75}.post__container{max-width:720px;margin:0 auto;padding:40px 20px 100px}.post__back{display:inline-block;color:#6d49f0;font-weight:700;font-size:.9rem;margin-bottom:36px;transition:opacity .2s ease}.post__back:hover{opacity:.7}.post__header{margin-bottom:32px}.post__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.post__date{font-size:.8rem;color:#999;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.post__tags{display:flex;gap:6px;flex-wrap:wrap}.post__tag{font-size:.75rem;background:#ece6ff;color:#6d49f0;padding:2px 10px;border-radius:50px;font-weight:600}.post__title{text-align:left;font-size:2.2rem;line-height:1.2;color:#242424;margin-bottom:12px}.post__description{font-size:1.1rem;color:#555;margin-bottom:12px;line-height:1.6}.post__author{font-size:.9rem;color:#888;font-weight:700}.post__divider{border:none;border-top:1px solid #e8e8e8;margin-bottom:40px}.post__body h1,.post__body h2,.post__body h3,.post__body h4{text-align:left;color:#242424;margin:2rem 0 .75rem;line-height:1.3}.post__body h1{font-size:1.8rem}.post__body h2{font-size:1.4rem}.post__body h3{font-size:1.15rem}.post__body p{color:#333;line-height:1.8;margin-bottom:1.25rem}.post__body ul,.post__body ol{padding-left:1.5rem;margin-bottom:1.25rem;color:#333;line-height:1.8}.post__body li{list-style:revert;margin-bottom:.4rem}.post__body a{color:#6d49f0;font-weight:600;text-decoration:underline;text-underline-offset:3px}.post__body code{font-family:Courier New,Courier,monospace;background:#ece6ff;color:#6d49f0;padding:2px 6px;border-radius:4px;font-size:.9em}.post__body pre{background:#1e1e2e;color:#cdd6f4;padding:20px 24px;border-radius:10px;overflow-x:auto;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.post__body pre code{background:none;color:inherit;padding:0;font-size:inherit}.post__body blockquote{border-left:4px solid #6d49f0;padding:8px 20px;margin:1.5rem 0;background:#f8f5ff;border-radius:0 8px 8px 0;color:#555;font-style:italic}.post__body hr{border:none;border-top:1px solid #e8e8e8;margin:2rem 0}.post__body img{max-width:100%;border-radius:10px;margin:1.5rem 0}.dark-theme .title,.dark-theme .section__title,.dark-theme .section__sub-title,.dark-theme .nav__link--anchor,.dark-theme .fa-adjust,.dark-theme .header__para{color:#fff}.dark-theme{background-color:#242424}.dark-theme section{background-color:#242424}.dark-theme #personal-logo{filter:none}.dark-theme .scroll__icon{border-color:#fff}.dark-theme .scroll__icon:after,.dark-theme .link__hover-effect--black:after{background-color:#fff}.dark-theme .mail__btn{background-color:#fff;color:#242424}.dark-theme .modal__about{background-color:#1a1a1a}.dark-theme .modal__title--about,.dark-theme .modal__sub-title--about,.dark-theme .modal__para{color:#fff}.dark-theme .modal--open .modal{background-color:#1a1a1a}.dark-theme .blog__card{background:#1e1e1e;border-color:#333}.dark-theme .blog__card:hover{box-shadow:0 4px 24px #6d49f040}.dark-theme .blog__card--title{color:#fff}.dark-theme .blog__card--desc{color:#aaa}.dark-theme .blog__card--date{color:#777}.dark-theme .blog__subtitle{color:#aaa}.dark-theme .blog__tag{background:#2a2050;color:#b49aff}.dark-theme .blog__title,.dark-theme .post__title{color:#fff}.dark-theme .post__description{color:#aaa}.dark-theme .post__author{color:#777}.dark-theme .post__divider{border-color:#333}.dark-theme .post__tag{background:#2a2050;color:#b49aff}.dark-theme .post__body h1,.dark-theme .post__body h2,.dark-theme .post__body h3,.dark-theme .post__body h4{color:#fff}.dark-theme .post__body p,.dark-theme .post__body ul,.dark-theme .post__body ol{color:#ccc}.dark-theme .post__body a{color:#b49aff}.dark-theme .post__body code{background:#2a2050;color:#b49aff}.dark-theme .post__body blockquote{background:#1e1a2e;border-color:#6d49f0;color:#aaa}.dark-theme .post__body hr{border-color:#333}.dark-theme footer{background-color:#1a1a1a}.dark-theme input,.dark-theme textarea{border-color:#555}.dark-theme input:hover,.dark-theme textarea:hover{border-color:#777}@media(max-width:768px){.title{font-size:80px}.header__para{font-size:20px}.modal{top:0;left:0;transform:none;height:auto;width:100%;flex-direction:column;border-radius:0}.modal__contact{order:-1}.modal--open .modal{position:fixed;top:0;left:0;z-index:60;height:100vh;overflow-y:auto;background-color:#f5f5f5}.dark-theme .modal--open .modal{background-color:#1a1a1a}.modal__half{width:100%;padding:40px 32px}.modal__language{width:25%;padding:12px}.shape{display:none}.section__title{font-size:36px}.project{margin-bottom:80px}.project__description{left:30px;max-width:calc(100% - 60px)}.project__description--title{font-size:28px}.blog__title{font-size:2rem}.blog__card{padding:20px}.post__title{font-size:1.7rem}}@media(max-width:480px){.title{font-size:52px}.header__para{font-size:18px}.project__wrapper:hover .project__description,.project__wrapper .project__description{opacity:1;transform:translateY(-50%)}.project__wrapper:hover .project__img,.project__wrapper .project__img{transform:scale(1.07);filter:blur(5px)}.project__wrapper:hover .project__wrapper--bg,.project__wrapper .project__wrapper--bg{opacity:.7;visibility:visible}.project__description{left:0;padding:0 16px;width:100%;max-width:100%;text-align:center}.project__description--title{font-size:24px}.project__description--sub-title{margin-bottom:8px;font-size:12px}.project__description--para{display:none}.project{margin-bottom:60px}.section__title{font-size:28px;margin-bottom:40px}.modal__half{padding:40px 20px}.modal__language{padding:8px}.mail__btn{width:56px;height:56px;font-size:24px;right:24px;bottom:24px}}