*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:10px}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1.6rem;line-height:1.5;color:#1f2937;background-color:#fff;overflow-x:hidden}body.scroll-locked{overflow:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid #6366f1;outline-offset:2px}::selection{background-color:rgba(99,102,241,.2);color:#1f2937}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f9fafb}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#374151}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}.container{max-width:1200px;margin:auto;padding-inline:1.6rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:#111827;color:#fff;padding:8px;z-index:100;text-decoration:none;border-radius:.5rem}.skip-link:focus{top:6px}.c-btn{display:flex;align-items:center;justify-content:center;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:500;text-decoration:none;cursor:pointer;border:none;outline:none}.c-btn:focus{outline:2px solid rgba(0,0,0,0);outline-offset:2px}.c-btn:disabled{opacity:.5;cursor:not-allowed}.c-btn{padding:1.2rem 2.4rem;font-size:1.6rem;border-radius:.5rem;font-weight:500;text-align:center;position:relative;overflow:hidden}.c-btn--sm{padding:.8rem 1.6rem;font-size:1.4rem}.c-btn--lg{padding:1.6rem 3.2rem;font-size:1.8rem}.c-btn--primary{background:linear-gradient(135deg, #6366f1, #8b5cf6);color:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.c-btn--primary:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(-2px)}.c-btn--primary:active{transform:translateY(0)}.c-btn--primary::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.3);border-radius:50%;transform:translate(-50%, -50%);transition:all .15s ease-out}.c-btn--primary:active::before{width:100%;height:100%}.c-btn--secondary{background:rgba(0,0,0,0);color:#1f2937;border:2px solid #6366f1}.c-btn--secondary:hover{background:#6366f1;color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.c-btn--secondary:active{transform:translateY(0)}.c-btn--ghost{background:rgba(0,0,0,0);color:#6b7280;border:1px solid #e5e7eb}.c-btn--ghost:hover{background:#f9fafb;color:#1f2937;border-color:#d1d5db}.c-btn--icon{padding:1.2rem;border-radius:9999px}.c-btn--icon.c-btn--sm{padding:.8rem}.c-btn--icon.c-btn--lg{padding:1.6rem}.c-btn:disabled,.c-btn.disabled{opacity:.6;cursor:not-allowed}.c-btn:disabled:hover,.c-btn.disabled:hover{transform:none;box-shadow:none}.c-btn.loading{position:relative;color:rgba(0,0,0,0)}.c-btn.loading::after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-0.5rem 0 0 -0.5rem;border:2px solid rgba(0,0,0,0);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}.btn-group{display:inline-flex}.btn-group .btn{border-radius:0}.btn-group .btn:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.btn-group .btn:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.btn-group .btn:not(:last-child){border-right-width:0}.form-group{margin-bottom:2.4rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-weight:500;color:#1f2937;margin-bottom:.8rem;font-size:1.4rem}select,textarea,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=url],input[type=search]{width:100%;padding:1.2rem 1.6rem;border:2px solid #e5e7eb;border-radius:.5rem;background-color:#fff;color:#1f2937;font-size:1.6rem;transition:all .3s ease-out}select::placeholder,textarea::placeholder,input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,input[type=search]::placeholder{color:#9ca3af}select:focus,textarea:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=search]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}select:invalid,textarea:invalid,input[type=text]:invalid,input[type=email]:invalid,input[type=password]:invalid,input[type=tel]:invalid,input[type=url]:invalid,input[type=search]:invalid{border-color:#ef4444}select:disabled,textarea:disabled,input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=tel]:disabled,input[type=url]:disabled,input[type=search]:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.6}textarea{resize:vertical;min-height:120px}select{cursor:pointer}select:focus{cursor:pointer}.checkbox,.radio{display:flex;align-items:center;cursor:pointer}.checkbox input,.radio input{margin-right:1.2rem;width:1rem;height:1rem;accent-color:#6366f1}.checkbox label,.radio label{cursor:pointer;user-select:none}.c-form{background:#fff;padding:3.2rem;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}@media(min-width: 768px){.c-form{padding:4rem}}.c-form .form-group{position:relative}.c-form .form-group.is-error input,.c-form .form-group.is-error textarea{border-color:#ef4444}.c-form .form-group.is-error input:focus,.c-form .form-group.is-error textarea:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)}.c-form .error-message{color:#ef4444;font-size:1.4rem;margin-top:.4rem}.c-form .success-message{color:#10b981;font-size:1.4rem;margin-top:.4rem}.p-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #667eea 100%);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .8s ease,visibility .8s ease,transform .8s ease}.p-loading::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),radial-gradient(circle at 80% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);animation:backgroundShimmer 3s ease-in-out infinite alternate}.p-loading[data-loading-screen=hidden]{opacity:0;visibility:hidden;transform:scale(1.1)}.p-loading__container{text-align:center;color:#fff;position:relative;z-index:1}.p-loading__cube{margin-bottom:4.8rem;display:flex;align-items:center;justify-content:center;perspective:64rem;perspective-origin:center center}.p-loading__cube-container{position:relative;width:12.8rem;height:12.8rem;transform-style:preserve-3d;animation:cubeRotate3D 6s infinite linear;transform-origin:center center}.p-loading__cube-face{position:absolute;width:12.8rem;height:12.8rem;background:hsla(0,0%,100%,.1);border:.32rem solid hsla(0,0%,100%,.3);backdrop-filter:blur(0.8rem);border-radius:.64rem;box-shadow:0 0 3.2rem hsla(0,0%,100%,.1)}.p-loading__cube-face--front{transform:rotateY(0deg) translateZ(6.4rem);background:linear-gradient(135deg, rgba(74, 144, 226, 0.4), rgba(93, 173, 226, 0.3));border-color:rgba(74,144,226,.5)}.p-loading__cube-face--back{transform:rotateY(180deg) translateZ(6.4rem);background:linear-gradient(135deg, rgba(142, 68, 173, 0.4), rgba(155, 89, 182, 0.3));border-color:rgba(142,68,173,.5)}.p-loading__cube-face--right{transform:rotateY(90deg) translateZ(6.4rem);background:linear-gradient(135deg, rgba(52, 152, 219, 0.4), rgba(93, 173, 226, 0.3));border-color:rgba(52,152,219,.5)}.p-loading__cube-face--left{transform:rotateY(-90deg) translateZ(6.4rem);background:linear-gradient(135deg, rgba(155, 89, 182, 0.4), rgba(168, 85, 247, 0.3));border-color:rgba(155,89,182,.5)}.p-loading__cube-face--top{transform:rotateX(90deg) translateZ(6.4rem);background:linear-gradient(135deg, rgba(93, 173, 226, 0.4), rgba(74, 144, 226, 0.3));border-color:rgba(93,173,226,.5)}.p-loading__cube-face--bottom{transform:rotateX(-90deg) translateZ(6.4rem);background:linear-gradient(135deg, rgba(168, 85, 247, 0.4), rgba(142, 68, 173, 0.3));border-color:rgba(168,85,247,.5)}.p-loading__content{display:block}.p-loading__title{margin-bottom:8rem;animation:fadeInUp 1s ease-out;display:flex;justify-content:center;align-items:center}.p-loading__title-img{height:4.8rem;width:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.95;transition:all .3s ease}.p-loading__progress{width:30rem;margin:0 auto;animation:fadeInUp 1s ease-out .4s both}.p-loading__progress-bar{width:100%;height:.4rem;background:hsla(0,0%,100%,.2);border-radius:.2rem;overflow:hidden;margin-bottom:1.2rem;position:relative}.p-loading__progress-bar::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);animation:shimmer 2s infinite}.p-loading__progress-fill{height:100%;background:linear-gradient(90deg, #fff, #f8f9fa);border-radius:.2rem;width:0%;transition:width .3s ease;box-shadow:0 0 1rem hsla(0,0%,100%,.5);position:relative}.p-loading__progress-fill::after{content:"";position:absolute;top:0;right:0;width:2rem;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.8));border-radius:.2rem}.p-loading__progress-text{display:flex;justify-content:space-between;font-size:1.4rem;opacity:.8}#progress-percent{font-weight:500}#progress-status{font-style:italic}.p-loading__animation{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.p-loading__particles{position:relative;width:100%;height:100%}.p-loading__particle{position:absolute;width:4px;height:4px;background:hsla(0,0%,100%,.6);border-radius:50%;animation:particleFloat 4s infinite ease-in-out}.p-loading__particle:nth-child(1){top:20%;left:10%;animation-delay:0s;animation-duration:3s}.p-loading__particle:nth-child(2){top:60%;left:80%;animation-delay:1s;animation-duration:4s}.p-loading__particle:nth-child(3){top:30%;left:70%;animation-delay:2s;animation-duration:3.5s}.p-loading__particle:nth-child(4){top:80%;left:20%;animation-delay:1.5s;animation-duration:4.5s}.p-loading__particle:nth-child(5){top:50%;left:50%;animation-delay:.5s;animation-duration:3.8s}.loading-spinner{text-align:center;color:#fff}.loading-spinner p{margin-top:1.6rem;font-size:1.8rem;font-weight:500}.spinner{width:3rem;height:3rem;border:3px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-dots{display:inline-flex;align-items:center}.loading-dots .dot{width:.5rem;height:.5rem;background:currentColor;border-radius:50%;margin:0 .4rem;animation:loadingDots 1.4s infinite ease-in-out both}.loading-dots .dot:nth-child(1){animation-delay:-0.32s}.loading-dots .dot:nth-child(2){animation-delay:-0.16s}.skeleton{background:linear-gradient(90deg, #f9fafb 25%, rgba(229, 231, 235, 0.5) 50%, #f9fafb 75%);background-size:200% 100%;animation:skeleton 1.5s infinite;border-radius:.5rem}.skeleton.skeleton-text{height:1rem;margin-bottom:.8rem}.skeleton.skeleton-text:last-child{width:60%;margin-bottom:0}.skeleton.skeleton-avatar{width:3rem;height:3rem;border-radius:50%}.skeleton.skeleton-card{height:200px;width:100%}@keyframes cubeRotate3D{0%{transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}16.66%{transform:rotateX(90deg) rotateY(90deg) rotateZ(0deg)}33.33%{transform:rotateX(180deg) rotateY(180deg) rotateZ(90deg)}50%{transform:rotateX(270deg) rotateY(270deg) rotateZ(180deg)}66.66%{transform:rotateX(360deg) rotateY(180deg) rotateZ(270deg)}83.33%{transform:rotateX(450deg) rotateY(90deg) rotateZ(360deg)}100%{transform:rotateX(360deg) rotateY(360deg) rotateZ(360deg)}}@keyframes backgroundShimmer{0%,100%{opacity:1}50%{opacity:.8}}@keyframes logoRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes iconPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}100%{left:100%}}@keyframes particleFloat{0%,100%{transform:translateY(0px) rotate(0deg);opacity:0}10%{opacity:1}50%{transform:translateY(-20px) rotate(180deg);opacity:.8}90%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loadingDots{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}@keyframes skeleton{0%{background-position:-200% 0}100%{background-position:200% 0}}.c-project-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.c-project-modal[data-modal=open]{opacity:1;visibility:visible}.c-project-modal__background{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(4px)}.c-project-modal__container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto}.c-project-modal__content{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(20px);transition:transform .3s ease}.c-project-modal[data-modal=open] .c-project-modal__content{transform:translateY(0)}.c-project-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.c-project-modal__title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0;line-height:1.3}.c-project-modal__close-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:6px;transition:color .2s ease,background-color .2s ease;font-size:1.25rem}.c-project-modal__close-button:hover,.c-project-modal__close-button:focus{color:#1f2937;background-color:#f9fafb;outline:none}.c-project-modal__body{padding:2rem}.c-project-modal__image-container{margin-bottom:2rem;border-radius:8px;overflow:hidden;background:#f9fafb}.c-project-modal__image{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}.c-project-modal__details{display:flex;flex-direction:column;gap:2rem}.c-project-modal__section:not(:last-child){padding-bottom:1.5rem;border-bottom:1px solid #e5e7eb}.c-project-modal__section-title{font-size:1.6rem;font-weight:600;color:#1f2937;margin-block-end:.8rem;display:flex;align-items:center;gap:.8rem}.c-project-modal__section-title::before{content:"";width:.4rem;height:1.3em;background:#6366f1;border-radius:2px}.c-project-modal__description,.c-project-modal__role,.c-project-modal__efforts{color:#6b7280;line-height:1.7;margin:0;white-space:pre-line}.c-project-modal__technology-tags{display:flex;flex-wrap:wrap;gap:.5rem}.c-project-modal__links{display:flex;gap:1rem;flex-wrap:wrap}.c-project-modal__external-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg, #6366f1, #8b5cf6);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:all .2s ease}.c-project-modal__external-link:hover,.c-project-modal__external-link:focus{background:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15);outline:none}.c-project-modal__external-link:active{transform:translateY(0)}.c-project-modal__external-link i{font-size:.9rem}.c-project-detail-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:hsla(0,0%,100%,.9);color:#1f2937;text-decoration:none;border-radius:50%;transition:all .3s ease;backdrop-filter:blur(10px);border:none;cursor:pointer;font-size:1rem}.c-project-detail-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.c-project-detail-button i{font-size:1rem}@media(max-width: 768px){.c-project-modal__container{padding:1rem;align-items:flex-start;padding-top:2rem}.c-project-modal__content{max-height:85vh;border-radius:8px}.c-project-modal__header{padding:1rem 1.5rem}.c-project-modal__title{font-size:1.4rem}.c-project-modal__body{padding:1.5rem}.c-project-modal__image-container{margin-bottom:1.5rem}.c-project-modal__details{gap:1.5rem}.c-project-modal__section:not(:last-child){padding-bottom:1rem}}.l-header{position:fixed;top:0;left:0;right:0;height:7rem;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);z-index:200;transition:all .3s ease-out}.l-header[data-header-states=scrolled]{background:hsla(0,0%,100%,.98);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.l-header[data-header-states=hidden]{transform:translateY(-100%)}.l-header__container{max-width:1200px;margin:auto;padding-inline:1.6rem;display:flex;align-items:center;justify-content:space-between;height:100%}.c-nav-logo{position:relative;z-index:2000}.c-nav-logo__link{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #6366f1, #8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);gap:.8rem;text-decoration:none;max-height:5.4rem;overflow:hidden;transition:transform .3s ease-out,filter .3s ease-out}.c-nav-logo__link:hover{transform:scale(1.05);filter:brightness(1.2) contrast(1.1)}.c-nav-logo__img{height:3.5rem;width:auto;max-width:100%;object-fit:contain}.c-nav-logo__text{height:2.2rem;width:auto;object-fit:contain}.c-nav{display:flex;align-items:center}.c-nav__list{display:flex;align-items:center;gap:3.2rem;list-style:none;padding:0;margin:0}.c-nav__item{position:relative;font-weight:500;color:#6b7280;text-decoration:none;transition:color .3s ease-out}.c-nav__item::after{content:"";position:absolute;bottom:-0.5rem;left:0;width:0;height:2px;background:linear-gradient(135deg, #6366f1, #8b5cf6);transition:width .3s ease-out}.c-nav__item:hover{color:#1f2937;text-decoration:none}.c-nav__item:hover::after{width:100%}[data-active-menu=HOME] .c-nav__item[data-menu=HOME]{color:#1f2937;text-decoration:none}[data-active-menu=HOME] .c-nav__item[data-menu=HOME]::after{width:100%}[data-active-menu=ABOUT] .c-nav__item[data-menu=ABOUT]{color:#1f2937;text-decoration:none}[data-active-menu=ABOUT] .c-nav__item[data-menu=ABOUT]::after{width:100%}[data-active-menu=SKILLS] .c-nav__item[data-menu=SKILLS]{color:#1f2937;text-decoration:none}[data-active-menu=SKILLS] .c-nav__item[data-menu=SKILLS]::after{width:100%}[data-active-menu=PROJECTS] .c-nav__item[data-menu=PROJECTS]{color:#1f2937;text-decoration:none}[data-active-menu=PROJECTS] .c-nav__item[data-menu=PROJECTS]::after{width:100%}[data-active-menu=CONTACT] .c-nav__item[data-menu=CONTACT]{color:#1f2937;text-decoration:none}[data-active-menu=CONTACT] .c-nav__item[data-menu=CONTACT]::after{width:100%}.c-nav__item[data-menu=CONTACT]{display:none}.c-nav-checkbox{display:none}.c-nav-toggle{display:none}@media(max-width: 768px){.c-nav{position:fixed;top:0;right:0;max-width:100%;width:100vw;height:100vh;background-color:#fff;clip-path:circle(0px at calc(100% - 5rem) 5rem);transition:clip-path .8s cubic-bezier(0.77, 0, 0.175, 1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.c-nav-checkbox:checked~.c-nav{clip-path:circle(150vh at calc(100% - 5rem) 5rem)}.c-nav-toggle{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:8.5rem;height:7rem;border:none;cursor:pointer;z-index:1001}.c-nav-toggle__inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:2rem;height:1.5rem}.c-nav-toggle__bar{width:100%;height:2px;background:#1f2937;transition:all .15s ease-out;transform-origin:center}.c-nav-toggle__bar:nth-child(1){transform:translateY(0)}.c-nav-toggle__bar:nth-child(2){opacity:1}.c-nav-toggle__bar:nth-child(3){transform:translateY(0)}.c-nav-checkbox:checked~.c-nav-toggle .c-nav-toggle__bar:nth-child(1){transform:rotate(45deg) translateY(9px)}.c-nav-checkbox:checked~.c-nav-toggle .c-nav-toggle__bar:nth-child(2){opacity:0}.c-nav-checkbox:checked~.c-nav-toggle .c-nav-toggle__bar:nth-child(3){transform:rotate(-45deg) translateY(-9px)}.c-nav__list{display:flex;align-items:center;flex-direction:column;gap:3.2rem;list-style:none;padding:0;margin:0}}.p-hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding-top:7rem;overflow:hidden}.p-hero__container{max-width:1200px;width:100%;margin:0 auto;padding:0 2.4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:2;height:calc(100vh - 7rem)}.p-hero__content{width:100%}.p-hero__wrapper{max-width:1400px;margin:0 auto;padding:0 2.4rem}.p-hero__text{margin-bottom:9.6rem;opacity:0;animation:fadeInUp 1s ease-out .3s forwards}.p-hero__title{font-size:7.2rem;font-family:"Lato",sans-serif;font-weight:600;line-height:1.1;letter-spacing:.01em;white-space:nowrap;color:#6b7280;margin-bottom:3.2rem;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility;min-width:500px}.p-hero__title-line{display:block}.p-hero__title-line[data-typing=preparation]::after{opacity:0}.p-hero__title-line[data-typing=active]{letter-spacing:.08em;transform:translateZ(0)}.p-hero__title-line::after{content:"";display:inline-block;width:3px;height:1.1em;background-color:currentColor;margin-left:2px;opacity:0;animation:blink 1.5s infinite}.p-hero__title-line[data-typing=active]::after{opacity:1}.p-hero__title-line[data-typing=complete]::after{display:none}.p-hero__subtitle{font-size:1.8rem;color:#6b7280;font-weight:400;letter-spacing:.05em;white-space:nowrap;min-width:380px}.p-hero__subtitle[data-typing=preparation]::after{opacity:0}.p-hero__subtitle[data-typing=active]{letter-spacing:.03em}.p-hero__subtitle::after{content:"";display:inline-block;width:2px;height:1.2em;background-color:currentColor;margin-left:2px;opacity:0;animation:blink 1.5s infinite}.p-hero__subtitle[data-typing=active]::after{opacity:1}.p-hero__subtitle[data-typing=complete]::after{display:none}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}.p-hero__cards{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;opacity:0;animation:fadeInUp 1s ease-out .6s forwards}.p-hero-tech-cards{width:100%;overflow:hidden;mask:linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);-webkit-mask:linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%)}.p-hero-tech-cards__track{display:flex;gap:3.2rem;animation:slideCards 60s linear infinite;width:max-content}.p-hero-tech-card{flex:none;max-width:32rem;aspect-ratio:4/3;background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);border-radius:.75rem;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:all .3s ease;overflow:hidden;position:relative}.p-hero-tech-card__image{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:.75rem;transition:transform .3s ease}.c-scroll-indicator{position:absolute;bottom:4rem;inset-inline:0;margin:auto;display:flex;flex-direction:column;align-items:center;color:#6b7280;font-size:1.6rem;animation:bounce 2s infinite}.c-scroll-indicator:hover{text-decoration:none}.c-scroll-indicator span{margin-bottom:1.6rem;font-weight:500}.c-scroll-indicator__arrow{width:3.2rem;height:3.2rem;border:2px solid #6b7280;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.c-scroll-indicator__arrow:hover{border-color:#6366f1;color:#6366f1;transform:scale(1.1)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideCards{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-1rem)}60%{transform:translateX(-50%) translateY(-0.5rem)}}@media(max-width: 768px){.p-hero__title{font-size:3.2rem;min-width:auto;margin-bottom:1.2rem}.p-hero__subtitle{font-size:1.6rem;min-width:auto;white-space:normal}.p-hero__text{margin-bottom:4.8rem}}.p-about{position:relative;overflow:hidden;background:#f9fafb;padding-block:12.8rem}.p-about__container{max-width:1200px;margin:auto;padding-inline:1.6rem}.p-about-header{margin-bottom:4.8rem}.p-about-title{position:relative;font-size:3.2rem;line-height:1.2;letter-spacing:.02em;text-align:center}.p-about-title::after{content:"";position:absolute;bottom:-0.8rem;left:50%;transform:translateX(-50%);width:3rem;height:3px;background:linear-gradient(135deg, #6366f1, #8b5cf6);border-radius:9999px}.p-about-content{max-width:980px;margin:auto;padding-inline:2rem}.p-about-description{margin-bottom:6.4rem}.p-about-description-text{font-size:1.6rem;line-height:1.8;letter-spacing:.05em;text-align:center}.p-about-strengths{display:grid;grid-template-columns:repeat(3, minmax(12rem, 1fr));gap:2.4rem;margin-top:4.8rem}.p-about-strength{background:#fff;padding:3.2rem 2.4rem;border-radius:1.2rem;text-align:center;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease}.p-about-strength-icon{width:4.8rem;height:4.8rem;margin:0 auto 1.6rem;background:linear-gradient(135deg, #6366f1, #8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.p-about-strength-title{font-size:1.8rem;font-weight:700;color:#1f2937;margin-bottom:.8rem}.p-about-strength-description{font-size:1.4rem;color:#6b7280;line-height:1.5;margin-bottom:0}@media(max-width: 768px){.p-about{padding-block:6.4rem}.p-about-header{margin-bottom:3.2rem}.p-about-title{font-size:2.4rem;line-height:1.5;letter-spacing:.05em}.p-about-content{max-width:none}.p-about-description-text{line-height:1.6;letter-spacing:.05em;text-align:left}.p-about-strengths{grid-template-columns:1fr}}.p-skills{padding-block:6.4rem;position:relative;overflow:hidden;background:#fff}.p-skills__container{max-width:1200px;margin:auto;padding-inline:1.6rem}.p-skills__header{text-align:center;margin-bottom:4.8rem}.p-skills__title{position:relative;font-size:3.2rem;line-height:1.2;letter-spacing:.02em;text-align:center}.p-skills__title::after{content:"";position:absolute;bottom:-0.8rem;left:50%;transform:translateX(-50%);width:3rem;height:3px;background:linear-gradient(135deg, #6366f1, #8b5cf6);border-radius:9999px}.p-skills__content{display:grid;grid-template-columns:1fr 1fr;gap:4.8rem}.p-skills__category-title{font-size:2.4rem;margin-bottom:3.2rem;text-align:center}.p-skills__items{display:flex;flex-direction:column;gap:2.4rem}.p-skills__item{display:flex;align-items:center;gap:1.6rem}.p-skills__item-icon{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #6366f1, #8b5cf6);color:#fff;border-radius:.5rem;font-size:2rem;flex-shrink:0}.p-skills__item-info{flex:1}.p-skills__item-name{display:block;font-weight:500;margin-bottom:.8rem}.p-skills__item-bar{height:.5rem;background:#e5e7eb;border-radius:9999px;overflow:hidden}.p-skills__item-progress{height:100%;background:linear-gradient(135deg, #6366f1, #8b5cf6);border-radius:9999px;width:0;transition:width 1s ease-out}.p-skills__item-progress[data-skills-item-states=animated]{animation:skillProgress 1s ease-out forwards}@media(max-width: 768px){.p-skills{padding-block:6.4rem}.p-skills-header{margin-bottom:3.2rem}.p-skills-title{font-size:2.4rem;line-height:1.5;letter-spacing:.05em}.p-skills-content{max-width:none}.p-skills__content{display:grid;grid-template-columns:1fr;gap:6.4rem}}.p-projects{padding-block:6.4rem;position:relative;overflow:hidden;background:#f9fafb}.p-projects__container{max-width:1200px;margin:auto;padding-inline:1.6rem}.p-projects-header{margin-bottom:4.8rem}.p-projects-title{position:relative;font-size:3.2rem;line-height:1.2;letter-spacing:.02em;text-align:center}.p-projects-title::after{content:"";position:absolute;bottom:-0.8rem;left:50%;transform:translateX(-50%);width:3rem;height:3px;background:linear-gradient(135deg, #6366f1, #8b5cf6);border-radius:9999px}.c-projects-filter{display:flex;justify-content:center;gap:1.6rem;margin-bottom:4.8rem;flex-wrap:wrap}.c-filter-btn{display:flex;align-items:center;justify-content:center;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-weight:500;text-decoration:none;cursor:pointer;border:none;outline:none}.c-filter-btn:focus{outline:2px solid rgba(0,0,0,0);outline-offset:2px}.c-filter-btn:disabled{opacity:.5;cursor:not-allowed}.c-filter-btn{padding:1.2rem 2.4rem;background:rgba(0,0,0,0);color:#6b7280;border:1px solid #e5e7eb;border-radius:9999px;font-size:1.4rem;transition:background .3s ease-out,color .3s ease-out,border-color .3s ease-out}.c-filter-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1}.c-filter-btn:has(.c-filter-btn__input:checked){background:#6366f1;color:#fff;border-color:#6366f1}.c-projects-grid{display:grid;grid-template-columns:repeat(3, minmax(32rem, 1fr));gap:3.2rem}.c-project-item{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease-out}.c-project-item:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);transform:translateY(-2px)}.c-project-item{background:#fff;overflow:hidden}.c-project-item[data-category=hidden]{display:none}.c-project-item[data-category-visible=false]{display:none}.c-project-item[data-category-visible=true]{display:block}.c-project-image{position:relative;height:24rem;background:#f9fafb;display:flex;align-items:center;justify-content:center;overflow:hidden}.c-image-placeholder{width:100%;height:100%;max-width:100%;aspect-ratio:4/3;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(139, 92, 246, 0.1));color:#6b7280;font-size:3.6rem}.c-image-placeholder__image{display:block;max-width:100%;width:100%;height:auto;object-fit:cover}.c-project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(99,102,241,.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-out}.c-project-item:hover .c-project-overlay{opacity:1}.c-project-links{display:flex;gap:1.6rem}.c-project-link{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.2);color:#fff;border-radius:50%;text-decoration:none;transition:all .3s ease-out;border:none;cursor:pointer}.c-project-link:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.c-project-content{padding:2.4rem}.c-project-title{font-size:2rem;margin-bottom:1.2rem}.c-project-description{color:#6b7280;margin-bottom:1.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.c-project-tags{display:flex;flex-wrap:wrap;gap:.8rem}.c-project-tag{background:rgba(99,102,241,.1);color:#6366f1;padding:.4rem 1.2rem;border-radius:9999px;font-size:1.2rem;font-weight:500}@media(max-width: 1080px){.c-projects-grid{grid-template-columns:repeat(2, minmax(32rem, 1fr));width:fit-content;margin:auto}}@media(max-width: 768px){.p-projects{padding-block:6.4rem}.p-projects-header{margin-bottom:3.2rem}.p-projects-title{font-size:2.4rem;line-height:1.5;letter-spacing:.05em}.c-projects-filter{display:flex;justify-content:center;gap:.8rem;margin-bottom:4rem}.c-filter-btn{padding:.4rem 1.2rem;font-size:1.2rem}.c-projects-grid{display:grid;grid-template-columns:1fr;gap:3.2rem}.c-project-item{display:grid;grid-auto-rows:3;grid-template-columns:1fr;grid-template-areas:"image" "text" "button"}.c-project-image{display:contents}.c-image-placeholder{max-height:20rem;overflow:hidden;grid-area:image}.c-project-overlay{grid-area:button;position:static;background-color:rgba(0,0,0,0);opacity:1}.c-project-links{gap:1.2rem;width:100%;padding-inline:2.4rem;padding-block-end:2.4rem}.c-project-link{flex:1;width:auto;height:4.4rem;border-radius:.5rem;background:linear-gradient(135deg, #6366f1, #8b5cf6);color:#1f2937;font-size:1.4rem;font-weight:500;gap:.8rem;color:#fff}.c-project-link::after{content:attr(data-label);display:block}.c-project-link:hover{transform:scale(1.1)}.c-project-title{font-size:1.8rem;letter-spacing:.01em;margin-bottom:1.2rem}}.p-contact{padding-block:6.4rem;position:relative;overflow:hidden;background:#fff;display:none}.p-contact-header{margin-bottom:4.8rem}.p-contact__container{max-width:1200px;margin:auto;padding-inline:1.6rem}.p-contact__title{position:relative;font-size:3.2rem;line-height:1.2;letter-spacing:.02em;text-align:center}.p-contact__title::after{content:"";position:absolute;bottom:-0.8rem;left:50%;transform:translateX(-50%);width:3rem;height:3px;background:linear-gradient(135deg, #6366f1, #8b5cf6);border-radius:9999px}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4.8rem}.contact-info h3{font-size:2.4rem;margin-bottom:2.4rem}.contact-info p{font-size:1.8rem;margin-bottom:3.2rem}.contact-details{margin-bottom:3.2rem}.contact-item{display:flex;align-items:center;gap:1.6rem;margin-bottom:1.6rem}.contact-item:last-child{margin-bottom:0}.contact-item i{width:1.5rem;color:#6366f1;flex-shrink:0}.contact-item span{color:#6b7280}.social-links{display:flex;gap:1.6rem}.social-link{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #6366f1, #8b5cf6);color:#fff;border-radius:50%;text-decoration:none;transition:all .3s ease-out}.social-link:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}@media(max-width: 768px){.p-contact{padding-block:6.4rem}.p-contact-header{margin-bottom:3.2rem}.p-contact__title{font-size:2.4rem;line-height:1.5;letter-spacing:.05em}.contact-content{display:grid;grid-template-columns:1fr;gap:4.8rem}}.back-to-top{position:fixed;bottom:3.2rem;right:3.2rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #6366f1, #8b5cf6);color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:translateY(100px);opacity:0;transition:all .3s ease-out;z-index:1030}.back-to-top.is-visible{transform:translateY(0);opacity:1}.back-to-top:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.l-footer{background:#111827;color:#fff;padding:3.2rem 0;text-align:center}.l-footer__container{max-width:1200px;margin:auto;padding-inline:1.6rem}.footer-content p{color:hsla(0,0%,100%,.8);margin-bottom:1.2rem}.footer-content p:last-child{margin-bottom:0;color:hsla(0,0%,100%,.6);font-size:1.4rem}.main-content{padding-top:0}html{scroll-behavior:smooth}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease-out,transform .3s ease-out}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.animated{opacity:1;transform:translateY(0)}.stagger-animation .animate-on-scroll:nth-child(1){transition-delay:.1s}.stagger-animation .animate-on-scroll:nth-child(2){transition-delay:.2s}.stagger-animation .animate-on-scroll:nth-child(3){transition-delay:.3s}.stagger-animation .animate-on-scroll:nth-child(4){transition-delay:.4s}.stagger-animation .animate-on-scroll:nth-child(5){transition-delay:.5s}.hero::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%, rgba(99, 102, 241, 0.1) 0%, transparent 50%),radial-gradient(circle at 75% 75%, rgba(139, 92, 246, 0.1) 0%, transparent 50%);z-index:1}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{from{opacity:0;transform:translateX(2rem)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{from{opacity:0;transform:translateX(-2rem)}to{opacity:1;transform:translateX(0)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,53%,80%,100%{transform:translate3d(0, 0, 0)}40%,43%{transform:translate3d(0, -8px, 0)}70%{transform:translate3d(0, -4px, 0)}90%{transform:translate3d(0, -2px, 0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes shimmer{0%{transform:translateX(-100%) rotate(45deg)}100%{transform:translateX(100%) rotate(45deg)}}@keyframes loadingDots{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}@keyframes skeleton{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes skillProgress{from{width:0}}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@keyframes glow{0%,100%{box-shadow:0 0 20px rgba(99,102,241,.3)}50%{box-shadow:0 0 30px rgba(99,102,241,.5)}}@keyframes typewriter{from{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:rgba(0,0,0,0)}51%,100%{border-color:currentColor}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideUp{animation:slideUp .3s ease-out}.animate-slideDown{animation:slideDown .3s ease-out}.animate-slideLeft{animation:slideLeft .3s ease-out}.animate-slideRight{animation:slideRight .3s ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 2s infinite}.animate-pulse{animation:pulse 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.hover-grow:hover{transform:scale(1.05);transition:transform .3s ease-out}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transition:all .3s ease-out}.hover-rotate:hover{transform:rotate(5deg);transition:transform .3s ease-out}.hover-shake:hover{animation:shake .5s}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.loading-enter{opacity:0;transform:scale(0.9)}.loading-enter-active{opacity:1;transform:scale(1);transition:opacity .3s ease-out,transform .3s ease-out}.loading-exit{opacity:1;transform:scale(1)}.loading-exit-active{opacity:0;transform:scale(1.1);transition:opacity .3s ease-out,transform .3s ease-out}