@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;box-sizing:border-box;overflow-x:hidden}body{font-family:Poppins,sans-serif;background-color:#f5f5f5;color:#333;overflow-x:hidden}:root{--color-bg: #f5f5f5;--color-text: #2c2c2c;--color-primary: #ff6b00;--color-white: #ffffff;--color-border: #e0e0e0}section{padding:6rem 2rem;max-width:1350px;margin:0 auto}@media(max-width:768px){section{padding:4rem 1rem}}.hero-split-container{display:flex;flex-direction:column;min-height:100vh;width:100%;padding:0;margin:0;background-color:var(--color-bg)}.hero-main-body{display:flex;flex:1;width:100%}.hero-left-column{flex-basis:60%;padding:3rem 4rem;display:flex;flex-direction:column;gap:4rem}.hero-right-column{flex-basis:40%;background-color:var(--color-bg);overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-profile-image{width:100%;height:100%;object-fit:cover;object-position:top center}.hero-header{display:flex;justify-content:flex-start;align-items:center}.hero-logo{font-size:1.5rem;font-weight:700;color:var(--color-white);background-color:var(--color-primary);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem}.hero-download-btn{background-color:transparent;border:2px solid var(--color-border);color:var(--color-text);padding:10px 20px;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s ease}.hero-download-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.hero-title{font-size:3.5rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.wave-emoji{display:inline-block;margin-left:10px;animation:wave 2.5s infinite;transform-origin:70% 70%}.hero-subtitle{font-size:2rem;font-weight:600;color:var(--color-primary);margin-bottom:1.5rem}.hero-description{font-size:1.1rem;color:#555;line-height:1.7;max-width:550px}.hero-divider{width:100%;height:1px;background-color:#000;opacity:.05}.hero-footer{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;background-color:var(--color-bg)}.hero-contact-info{display:flex;gap:2rem}.hero-contact-info a{color:#777;text-decoration:none;font-size:.9rem;display:flex;align-items:center;gap:8px;transition:color .3s}.hero-contact-info a:hover{color:var(--color-primary)}.hero-socials{display:flex;gap:1.5rem}.hero-socials a{color:var(--color-text);font-size:1.5rem;transition:all .3s ease}.hero-socials a:hover{color:var(--color-primary);transform:scale(1.1)}@media(max-width:1100px){.hero-title{font-size:3rem}}@media(max-width:960px){.hero-title{font-size:3rem!important}.hero-main-body{display:contents}.hero-left-column{order:1;flex-basis:auto;padding:2rem;gap:2rem}.hero-divider{order:3;margin-top:2rem;opacity:.1;display:block}.hero-right-column{order:2;flex-basis:auto;width:100%;min-height:350px;display:flex;align-items:stretch;margin-bottom:1rem}.hero-footer{order:4;flex-direction:column;gap:1.5rem;padding:1.5rem 1rem 3rem;background-color:var(--color-bg)}.hero-contact-info{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem 2rem}.hero-contact-info a:last-child{width:100%;justify-content:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.5rem}.hero-logo{margin-right:1rem}}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.about-section{background-color:var(--color-gray-light, #ededed);position:relative;width:100%;max-width:100%;box-sizing:border-box;min-height:100vh;margin:0;padding:6rem 2rem;display:flex;flex-direction:column;justify-content:center}.section-header{max-width:1280px!important;margin:0 auto 1rem;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;width:100%}.section-divider{max-width:1270px!important;margin:0 auto 4rem;height:1px;background-color:var(--color-border);width:calc(100% - 4rem)}.about-content-grid{display:flex;gap:4rem;align-items:flex-start}.about-graphic{flex-shrink:0;width:300px;height:400px;display:flex;align-items:center;justify-content:center}.about-graphic-image{width:100%;height:100%;object-fit:contain}.about-info{flex-grow:1}.about-description{min-height:150px;margin-bottom:3rem;margin-top:1rem;color:#555;line-height:1.7;font-size:1.1rem}.about-description p{margin:0 1rem}.about-stats{display:flex;justify-content:space-between;gap:2rem;margin-bottom:3rem;padding-right:2rem}.stat-item{text-align:left;min-width:120px}.stat-number{font-size:2.5rem;font-weight:700;color:var(--color-primary);display:block;line-height:1.2;font-variant-numeric:tabular-nums}.stat-label{font-size:.95rem;color:#777;display:block;text-transform:uppercase;letter-spacing:.5px;margin-top:.5rem}.about-languages{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.language-label-tag{background-color:#e9e9e9;color:var(--color-text);padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:8px}.language-icon{background-color:var(--color-primary);color:var(--color-white);width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.language-tag{background-color:var(--color-white);border:1px solid var(--color-border);color:#555;padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:500}@media(max-width:960px){.about-section{padding:4rem 1rem}.about-content-grid{flex-direction:column;align-items:center;gap:3rem}.about-graphic{width:250px;height:300px}.about-stats{flex-direction:column;align-items:center;gap:2rem;padding-right:0;text-align:center}.stat-item{text-align:center}.about-languages{justify-content:center}}@media(max-width:700px){.section-header h2{font-size:2.35rem!important;font-weight:700;color:var(--color-text)}.section-number{display:none}.section-header{padding:0}}.experience-section{background-color:#1a1a1a;padding:6rem 2rem;max-width:100%;margin:0 auto;overflow:hidden}.section-header.dark-theme h2{color:var(--color-white)}.section-header.dark-theme .section-number{color:var(--color-primary)}.section-divider.dark-theme{background-color:#444;max-width:1270px;margin:0 auto 4rem}.exp-ach-grid{display:flex;justify-content:center;gap:5rem;max-width:1200px;margin:0 auto}.timeline-column{flex:1;max-width:500px}.column-title{color:var(--color-white);font-size:1.8rem;font-weight:600;margin-bottom:2.5rem}.timeline-container{position:relative}.timeline-item{display:flex;position:relative;padding-bottom:3rem}.timeline-graphic{position:relative;margin-right:2rem}.timeline-line{position:absolute;top:10px;left:10px;width:2px;height:100%;background-color:#444}.timeline-item:last-child .timeline-line{display:none}.timeline-dot-outer{width:20px;height:20px;border-radius:50%;background-color:#444;position:relative;z-index:2}.timeline-dot-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:var(--color-primary)}.timeline-content{padding-top:2px}.timeline-type{font-size:.9rem;font-weight:500;color:var(--color-primary);display:block;margin-bottom:.25rem}.timeline-title{font-size:1.25rem;font-weight:600;color:var(--color-white);margin-bottom:.5rem}.timeline-description{font-size:1rem;color:#a5a5a5;line-height:1.6}@media(max-width:960px){.exp-ach-grid{flex-direction:column;gap:4rem;padding:0 1rem}.column-title{text-align:center}}@media(max-width:768px){.section-header.dark-theme{margin:0 0 1rem}}.skills-grid-container{display:flex;justify-content:center;gap:5rem;max-width:1200px;margin:0 auto}.skills-column{flex:1;max-width:500px}.skill-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem}.skill-card{background-color:#2c2c2c;border:1px solid #444;border-radius:10px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 5px 15px #0000004d;transition:transform .3s ease}.skill-card:hover{transform:translateY(-5px)}.skill-icon{margin-bottom:1rem;height:50px;display:flex;align-items:center;justify-content:center}.skill-name{color:var(--color-white);font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.skill-level-dots{display:flex;gap:.4rem}.level-dot{width:8px;height:8px;background-color:#444;border-radius:50%}.level-dot.filled{background-color:var(--color-primary)}@media(max-width:960px){.skills-grid-container{flex-direction:column;gap:4rem;padding:0 1rem}.column-title{text-align:center}}.projects-section{background-color:var(--color-bg);padding:6rem 0;max-width:100%;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;align-items:center}.section-header{max-width:1200px;margin:0 auto 1rem;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;width:100%}.section-header h2{font-size:2.5rem;font-weight:700;color:var(--color-text)}.section-number{font-size:1.2rem;font-weight:600;color:var(--color-primary)}.section-divider{max-width:1200px;margin:0 auto 4rem;height:1px;background-color:var(--color-border);width:calc(100% - 4rem)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.project-card{background-color:var(--color-white);border-radius:8px;overflow:hidden;box-shadow:0 4px 10px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.project-image-wrapper{position:relative;width:100%;height:200px;overflow:hidden}.project-image{width:100%;height:100%;object-fit:cover}.project-hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ff6b00cc;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.project-card:hover .project-hover-overlay{opacity:1;visibility:visible}.github-button{background-color:var(--color-white);color:var(--color-primary);border:none;border-radius:50px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;text-decoration:none}.github-button:hover{background-color:var(--color-text);color:var(--color-white)}.project-info{padding:1.5rem;display:flex;flex-direction:column;position:relative;height:auto;min-height:200px}.project-title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.project-client{font-size:.9rem;color:#777;line-height:1.5;height:3em;overflow:hidden}.project-type-badge{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-primary);background-color:#ff6b001a;padding:4px 8px;border-radius:4px;display:inline-block;margin-bottom:.5rem;font-weight:600;width:fit-content}.project-description{font-size:.9rem;color:#555;margin-bottom:1rem;line-height:1.5;height:3em;overflow:hidden}.project-arrow-link{position:absolute;bottom:1.5rem;right:1.5rem;font-size:1.5rem;color:var(--color-primary);text-decoration:none;transition:transform .3s ease}.project-card:hover .project-arrow-link{transform:translate(5px)}.see-more-button{background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:50px;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease;margin-top:4rem}.see-more-button:hover{background-color:var(--color-text)}@media(max-width:960px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.projects-grid{grid-template-columns:1fr;padding:0 1rem}.section-header,.section-divider{padding:0 1rem;width:calc(100% - 2rem)}}@media(max-width:412px){.section-number{display:none}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:flex-start;z-index:1000;overflow-y:auto;padding:5rem 0}.modal-content{background-color:var(--color-bg);border-radius:10px;padding:2rem;width:90%;max-width:1200px;position:relative;box-shadow:0 5px 20px #0006}.modal-close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--color-text);cursor:pointer;font-size:1.5rem;transition:color .3s ease;z-index:1001}.modal-close-button:hover{color:var(--color-primary)}.modal-title{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:2rem;text-align:center}.modal-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:0 .2rem}@media(max-width:768px){.modal-projects-grid{grid-template-columns:1fr}}.contact-section{background-color:var(--color-gray-light, #eeeeee);padding:6rem 2rem;width:100%;min-height:100vh;margin:0 auto;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.contact-header{text-align:center;max-width:600px;margin:0 auto 4rem}.contact-header h2{font-size:2.5rem;font-weight:700;color:var(--color-text);margin-bottom:1rem}.contact-header p{font-size:1.1rem;color:#555;line-height:1.6}.contact-card{display:flex;max-width:1100px;width:100%;margin:0 auto;background-color:var(--color-white);border-radius:10px;box-shadow:0 10px 30px #00000014;overflow:hidden}.contact-info{flex-basis:35%;background-color:#2c2c2c;color:var(--color-white);padding:3rem;border-radius:10px 0 0 10px;display:flex;flex-direction:column;justify-content:flex-start;gap:1rem}.contact-info h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.contact-info p{color:#a5a5a5;font-size:.95rem;line-height:1.6;margin-bottom:2.5rem}.info-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.info-list li{display:flex;align-items:center;gap:1rem;font-size:1rem;font-weight:500;margin-bottom:1.5rem;color:#a5a5a5}.info-list li a{text-decoration:none;color:inherit;transition:color .3s ease}.info-list li a:hover{color:var(--color-primary)}.info-list li svg{color:var(--color-primary);font-size:1.4rem;min-width:1.4rem;height:1.4rem}.info-list li span{color:var(--color-white)}.contact-form{flex-basis:65%;padding:3rem;display:flex;flex-wrap:wrap;gap:1.5rem}.form-row{display:flex;gap:1.5rem;width:100%}.form-group{flex:1;display:flex;flex-direction:column}.form-group.full-width{width:100%;flex-basis:100%}.form-group label{font-size:.9rem;font-weight:600;color:#555;margin-bottom:.5rem}.form-group input[type=text],.form-group input[type=email],.form-group textarea{width:100%;padding:.75rem 0;border:none;border-bottom:1px solid var(--color-border);font-size:1rem;font-family:Poppins,sans-serif;background:transparent;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-bottom-color:var(--color-primary)}.form-group textarea{resize:vertical}.radio-group{display:flex;gap:1.5rem;flex-wrap:wrap}.radio-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500;color:#555;transition:color .2s ease}.radio-group input[type=radio]{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--color-border);border-radius:50%;position:relative;cursor:pointer;outline:none;transition:border-color .2s ease}.radio-group input[type=radio]:checked{border-color:var(--color-primary)}.radio-group input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background-color:var(--color-primary)}.form-submit-row{width:100%;display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1rem}.submit-button{background-color:#2c2c2c;color:var(--color-white);padding:.8rem 2rem;border:none;border-radius:5px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:var(--color-primary)}.form-status{font-size:.9rem;font-weight:500;color:var(--color-primary)}@media(max-width:960px){.contact-section{padding:4rem 1.5rem}.contact-card{flex-direction:column}.contact-info{border-radius:10px 10px 0 0;flex-basis:auto;width:100%}.contact-form{padding:2.5rem}}@media(max-width:600px){.form-row{flex-direction:column;gap:1.5rem}.radio-group{flex-direction:column;align-items:flex-start;gap:1rem}.form-submit-row{flex-direction:column;align-items:stretch}.submit-button{width:100%}}.footer-section{background-color:var(--color-bg);padding:4rem 2rem 2rem;width:100%;max-width:1200px;margin:0 auto;overflow:hidden}.footer-divider-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:2rem}.footer-line{width:100%;height:1px;background-color:var(--color-border)}.footer-logo-container{position:absolute;background-color:var(--color-bg);padding:0 1rem;display:flex;justify-content:center;align-items:center}.footer-logo{width:50px;height:50px}.footer-copyright{text-align:center;font-size:.9rem;color:#777;line-height:1.6}.footer-highlight-link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:text-decoration .3s ease}.footer-highlight-link:hover{text-decoration:underline}.footer-credit{font-size:.8rem;color:#a5a5a5;margin-top:.25rem}.preloader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0f0f0f;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.core-logo{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:10;pointer-events:none}.core-logo .logo-img{width:64px;height:64px;display:block;object-fit:contain;filter:drop-shadow(0 0 10px var(--color-primary))}.ring-container{position:relative;width:150px;height:150px;display:flex;justify-content:center;align-items:center}.ring{position:absolute;border-radius:50%;border:2px solid transparent;border-top-color:var(--color-primary);border-bottom-color:#ff6b0033;box-shadow:0 0 15px #ff6b0033}.ring-1{width:100%;height:100%;animation:spin 2s linear infinite}.ring-2{width:75%;height:75%;border-top-color:#fff;border-bottom-color:transparent;animation:spin-reverse 1.5s linear infinite}.ring-3{width:50%;height:50%;border-left-color:var(--color-primary);border-right-color:transparent;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.loading-text{margin-top:2rem;font-family:Courier New,Courier,monospace;font-size:.9rem;color:var(--color-primary);letter-spacing:3px;opacity:.8}.dots{animation:blink 1.5s infinite}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.logo-img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 5px var(--color-primary))}