@charset "UTF-8";.about__container{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,3fr);column-gap:60px}.about__container .about__left{display:flex;flex-direction:column;gap:1rem;padding:28px;border-top:1px solid hsla(0,0%,100%,.1);border-radius:20px;background:var(--color-bg-section);text-align:center;align-items:center}.about__container .about__left .about__avatar{border-radius:40px}.about__container .about__left .about__title{font-family:Nasalization,sans-serif;font-size:36px}.about__container .about__left .about__description,.about__container .about__left .about__email,.about__container .about__left .about__location{font-size:1rem;line-height:1.4}.about__container .about__left .about__description{color:var(--color-primary)}.about__container .about__left .about__email{font-size:18px}.about__container .about__left .about__location{font-size:12px;color:var(--text-secondary)}.about__container .about__left .about__buttons{display:flex;flex-direction:column;gap:1rem;width:100%}.about__container .about__left .tf-btn{height:56px;padding:0 40px;display:flex;justify-content:center;align-items:center;font-size:16px;line-height:24px;border-radius:40px;width:max-content;font-weight:600}.about__container .about__left .tf-btn.style-1{background-color:var(--color-primary);color:var(--color-bg);width:100%}.about__container .about__left .animate-hover-btn{position:relative;overflow:hidden;transition:all .3s ease}.about__container .about__left .animate-hover-btn:after{content:"";position:absolute;top:0;bottom:0;left:150%;width:200%;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:skew(-20deg)}.about__container .about__left .animate-hover-btn:hover{box-shadow:0 8px 30px #00000026;transform:translate3d(0,-2px,0)}.about__container .about__left .animate-hover-btn:hover:after{animation:shine .75s cubic-bezier(.01,.56,1,1)}.about__container .about__left .tf-btn.style-border{border:1px solid rgba(0,0,0,0);position:relative;overflow:hidden;z-index:1;color:var(--Text-light);transition:all .3s ease;width:100%}.about__container .about__left .tf-btn.style-border .bg_btn{position:absolute;inset:0;z-index:1;border-radius:40px}.about__container .about__left .tf-btn.style-border .bg_btn:before{border-top:1px solid hsla(0,0%,100%,.1019607843);opacity:1;border-radius:inherit}.about__container .about__left .tf-btn.style-border .bg_btn:after,.about__container .about__left .tf-btn.style-border .bg_btn:before{content:"";position:absolute;background:var(--color-bg-linear);inset:0;transition:all .3s ease}.about__container .about__left .tf-btn.style-border .bg_btn:after{border:1px solid hsla(0,0%,100%,.1019607843);border-radius:inherit;opacity:0}.about__container .about__left .tf-btn.style-border .effect-shine{background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);left:150%;position:absolute;top:0;bottom:0;transform:skew(-20deg);width:20%}.about__container .about__left .tf-btn.style-border .title{position:relative;z-index:2}.about__container .about__left .tf-btn.style-border:hover{border-color:#ffffff1a;box-shadow:0 8px 20px #ffffff26;transform:translate3d(0,-2px,0)}.about__container .about__left .tf-btn.style-border:hover .bg_btn:before{opacity:0}.about__container .about__left .tf-btn.style-border:hover .bg_btn:after{opacity:1}.about__container .about__left .tf-btn.style-border:hover .effect-shine{animation:shine 4.5s cubic-bezier(.01,.56,1,1) infinite}.about__container .about__right{display:flex;flex-direction:column;justify-content:space-between}.about__container .about__right .about__title{font-family:Nasalization,sans-serif;font-size:36px;position:relative;padding-left:1.5rem}.about__container .about__right .about__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background-color:var(--color-primary)}.about__container .about__right .about__hello{font-size:2rem;line-height:1.6}.about__container .about__right .about__hello .hello__content{color:var(--color-primary)}.about__container .about__right .about__h1{font-size:60px;line-height:68px}.about__container .about__right .about__paragraph{font-size:18px;line-height:1.6}.about__container .about__right .ground-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1rem}.about__container .about__right .ground-data .data-border{padding:2rem 1rem;background:var(--color-bg-section);border-radius:1rem}.about__container .about__right .ground-data .data-border .data-number{font-size:3rem;font-weight:700}.about__container .about__right .ground-data .data-border .title{color:var(--text-muted)}.about__container .about__right .ground-data .tf-btn.style-border{border:1px solid rgba(0,0,0,0);position:relative;overflow:hidden;z-index:1;color:var(--Text-light);transition:all .3s ease}.about__container .about__right .ground-data .tf-btn.style-border .bg_btn{position:absolute;inset:0;z-index:1;border-radius:40px}.about__container .about__right .ground-data .tf-btn.style-border .bg_btn:before{border-top:1px solid hsla(0,0%,100%,.1019607843);opacity:1;border-radius:inherit}.about__container .about__right .ground-data .tf-btn.style-border .bg_btn:after,.about__container .about__right .ground-data .tf-btn.style-border .bg_btn:before{content:"";position:absolute;background:var(--Bg-linear-2);inset:0;transition:all .3s ease}.about__container .about__right .ground-data .tf-btn.style-border .bg_btn:after{border:1px solid hsla(0,0%,100%,.1019607843);border-radius:inherit;opacity:0}.about__container .about__right .ground-data .tf-btn.style-border .effect-shine{background-image:linear-gradient(120deg,transparent,color-mix(in srgb,var(--color-primary) 20%,transparent),transparent);left:150%;position:absolute;top:0;bottom:0;transform:skew(-20deg);width:20%}.about__container .about__right .ground-data .tf-btn.style-border .title{position:relative;z-index:2}.about__container .about__right .ground-data .tf-btn.style-border:hover{border-color:#ffffff1a;box-shadow:0 8px 20px #ffffff26;transform:translate3d(0,-2px,0)}.about__container .about__right .ground-data .tf-btn.style-border:hover .bg_btn:before{opacity:0}.about__container .about__right .ground-data .tf-btn.style-border:hover .bg_btn:after{opacity:1}.about__container .about__right .ground-data .tf-btn.style-border:hover .effect-shine{animation:shine 4.5s cubic-bezier(.01,.56,1,1) infinite}@media (max-width: 1024px){.about__container .about__left .about__title{font-size:28px}.about__container .about__left .about__email{font-size:16px}.about__container .about__right .about__h1{font-size:48px;line-height:56px}.about__container .about__right .about__paragraph{font-size:1rem}.about__container .about__right .ground-data .data-border{padding:1rem}.about__container .about__right .ground-data .data-border .data-number{font-size:1.5rem}}@media (max-width: 768px){.about__container{grid-template-columns:repeat(1,minmax(0,1fr));row-gap:30px}.about__container .about__left .about__title{font-size:36px}.about__container .about__left .about__email{font-size:18px}.about__container .about__right{justify-content:flex-start;gap:1rem}.about__container .about__right .about__h1{font-size:36px;line-height:44px}.about__container .about__right .about__paragraph{font-size:16px}.about__container .about__right .ground-data{grid-template-columns:repeat(1,minmax(0,1fr));row-gap:1rem}}#contact .contact__title{font-family:Nasalization,sans-serif;font-size:36px;position:relative;padding-left:1.5rem}#contact .contact__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background-color:var(--color-primary)}#contact .contact__container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px}#contact .contact__left{align-content:center}#contact .contact__left .contact__content{font-size:2rem;line-height:1.6}#contact .contact__left .contact__content .content{color:var(--color-primary)}#contact .contact__left .contact_email{display:inline-block;margin-top:20px;font-size:1.5rem}#contact .contact__left .contact__location{margin-top:12px;font-size:12px;color:var(--text-secondary)}#contact .contact__right .form-contact{position:relative;z-index:1;background:var(--color-bg-section);border-top:1px solid rgba(255,255,255,.1);padding:40px;border-radius:40px;margin-bottom:0;overflow:hidden}#contact .contact__right .form-contact .d-grid{display:grid}#contact .contact__right .form-contact .gap_24{gap:24px}#contact .contact__right .form-contact .mb_24{margin-bottom:24px}#contact .contact__right .form-contact fieldset{border:0;padding:0;margin:0}#contact .contact__right .form-contact input[type=text],#contact .contact__right .form-contact input[type=email],#contact .contact__right .form-contact textarea{outline:0;box-shadow:none;width:100%;padding:12px 0 10px;font-size:16px;line-height:28px;background-color:transparent;border:none;border-bottom:var(--color-border-input);color:var(--color-fg, #fff);margin-bottom:0;font-family:Inter,sans-serif}#contact .contact__right .form-contact input[type=text]::placeholder,#contact .contact__right .form-contact input[type=email]::placeholder,#contact .contact__right .form-contact textarea::placeholder{color:var(--text-secondary)}#contact .contact__right .form-contact input[type=text]:focus,#contact .contact__right .form-contact input[type=email]:focus,#contact .contact__right .form-contact textarea:focus{border-color:var(--color-fg)}#contact .contact__right .form-contact textarea{padding-top:12px;height:92px}#contact .contact__right .form-contact .button-submit{margin-top:8px}#contact .contact__right .form-contact .tf-btn{height:56px;padding:0 40px;display:inline-flex;justify-content:center;align-items:center;font-size:16px;line-height:24px;border-radius:40px;width:max-content;border:0;transition:transform .3s ease,box-shadow .3s ease}#contact .contact__right .form-contact .tf-btn span{display:inline-flex;gap:8px;align-items:center}#contact .contact__right .form-contact .tf-btn.style-1{background-color:var(--color-primary);color:var(--color-reverse-fg);font-family:Inter,sans-serif;font-weight:600}#contact .contact__right .form-contact .tf-btn.animate-hover-btn{position:relative;overflow:hidden}#contact .contact__right .form-contact .tf-btn.animate-hover-btn:after{content:"";position:absolute;top:0;bottom:0;left:150%;width:200%;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);transform:skew(-20deg)}#contact .contact__right .form-contact .tf-btn.animate-hover-btn:hover{box-shadow:0 8px 30px #00000026;transform:translate3d(0,-2px,0)}#contact .contact__right .form-contact .tf-btn.animate-hover-btn:hover:after{animation:shine .75s cubic-bezier(.01,.56,1,1)}#contact .contact__right .form-contact .tf-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@keyframes shine{to{left:-200%}}#contact .contact__right .form-contact .item-shape{position:absolute;top:-45%;left:-15%;pointer-events:none}#contact .contact__right .form-contact .item-shape img{display:block}#contact .contact__right .form-contact .form-success{margin-top:16px;color:var(--color-primary);font:500 14px/22px Inter,sans-serif}#contact .contact__right .form-contact .form-error{margin-top:16px;color:#ff4d4f;font:500 14px/22px Inter,sans-serif}@media (max-width: 768px){#contact .contact__container{grid-template-columns:repeat(1,minmax(0,1fr))}}.project__container .project__title{font-family:Nasalization,sans-serif;font-size:36px;position:relative;padding-left:1.5rem}.project__container .project__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background-color:var(--color-primary)}.project__container .project__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}@media (max-width: 640px){.project__container .project__list{grid-template-columns:repeat(1,minmax(0,1fr))}}.portfolio-item{position:relative;padding:28px 15px;border-radius:40px 40px 0 0;background-repeat:no-repeat;background-size:cover;background-image:var(--color-portfolio-bg)}.portfolio-item .img-style{position:relative;z-index:1;display:block;width:100%;border-radius:20px;overflow:hidden;margin-bottom:24px;box-shadow:0 10px 25px #365f681a}.portfolio-item .img-style img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.portfolio-item:hover .img-style img{transform:scale(1.1)}.portfolio-item .tag{position:absolute;bottom:20px;left:20px;height:32px;padding:0 16px;display:flex;align-items:center;border-radius:24px;background-color:var(--color-primary);color:var(--color-reverse-fg);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.1px}.portfolio-item .title{margin:0;font-size:24px;line-height:30px;color:var(--color-primary);text-transform:uppercase}.portfolio-item .title .link{color:inherit;text-decoration:none;transition:color .3s ease}.portfolio-item:hover .title{color:var(--color-primary)}.portfolio-item .item-shape{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .3s ease}.portfolio-item .item-shape img{position:absolute;top:-245px;left:-163px}.portfolio-item:hover .item-shape{opacity:1}@media (min-width: 768px){.portfolio-item{padding:40px}}.wrap-education-item{position:relative}.wrap-education-item:not(:first-child) .point:after{position:absolute;content:"";width:1px;height:78px;background-color:var(--color-fg);opacity:.1;left:50%;transform:translate(-50%);bottom:calc(100% + 3px);transition:all .3s ease}.wrap-education-item .point{display:block;height:16px;width:16px;background-color:var(--color-bg-point);border-radius:50%;border:3px solid var(--color-primary);position:absolute;top:26px;left:13.52px;z-index:1}@media (max-width: 575px){.wrap-education-item:not(:first-child) .point:after{height:128px}}.effect-line-hover .wrap-education-item:has(~.wrap-education-item:hover):not(:first-child) .point:after,.effect-line-hover .wrap-education-item:hover:not(:first-child) .point:after{opacity:1}.education-item{display:flex;align-items:center;position:relative;transition:all .3s ease;justify-content:space-between;padding:19px 20px 20px 40px;border-radius:20px;overflow:hidden;border-top:1px solid rgba(0,0,0,0)}.education-item:after{content:"";position:absolute;inset:0;background:var(--color-bg-section);transition:all .3s ease;opacity:0}.education-item:hover{border-color:#ffffff1a;box-shadow:0 5px 5px #1c24331a}.education-item:hover:after{opacity:1}.education-item:hover .item-shape img{opacity:1}.education-item .content{position:relative;z-index:1}.education-item .content .link{position:relative;color:var(--color-fg);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:0 100%;background-size:0% 1px;transition:background-size .35s ease}.education-item .content .link:hover{background-size:100% 1px}.education-item .date{display:flex;align-items:center;position:relative;transition:all .3s ease;z-index:1;justify-content:center;background:var(--color-bg-linear);height:38px;padding:0 16px;border-radius:40px;white-space:nowrap}.education-item .item-shape{position:absolute;height:100%;width:100%}.education-item .item-shape img{transition:all .3s ease;position:absolute;min-width:611px;height:678px;opacity:0;transform:translate(-36%,-50%);pointer-events:none;user-select:none}@media (max-width: 575px){.education-item{flex-direction:column;align-items:start;gap:12px}}.area-effect.scrolling-effect.effectTop{opacity:1;transform:translate(0)}.resume__title{font-family:Nasalization,sans-serif;font-size:36px;position:relative;padding-left:1.5rem}.resume__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background-color:var(--color-primary)}.sphere-container{width:100%;height:800px}@media screen and (max-width: 1024px){.sphere-container{height:600px}}@media screen and (max-width: 768px){.sphere-container{height:400px}}.tech__title{font-family:Nasalization,sans-serif;font-size:36px;position:relative;padding-left:1.5rem}.tech__title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background-color:var(--color-primary)}.landing-page__container[data-astro-cid-ct3bgug4]{padding:100px 120px;margin:0 auto;display:flex;flex-direction:column;gap:100px}@media (max-width: 1024px){.landing-page__container[data-astro-cid-ct3bgug4]{padding:60px;gap:80px}}@media (max-width: 640px){.landing-page__container[data-astro-cid-ct3bgug4]{padding:30px;gap:60px}}
