@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap);.navbar{left:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;position:fixed;top:0;transition:transform .3s ease;width:100vw;z-index:10}.navbar-visible{transform:translateY(0)}.navbar-hidden{transform:translateY(-100%)}.navbar-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#dcdada80;border:1px solid #d7d5d5e1;border-radius:1rem;display:flex;justify-content:space-between;margin:1rem auto;max-width:1000px;padding:.7rem 1.5rem}.navbar-logo{color:#333;font-family:monospace;font-size:1.2rem;font-weight:900}.github-icon{height:28px}.desktop-menu{display:flex}.navbar-links{display:flex;list-style:none;margin:0;padding:0}.navbar-links li{margin:0 1rem}.navbar-links a{color:#2e2e2e;font-family:monospace;font-size:1.1rem;font-weight:700;text-decoration:none}.navbar-links a:hover{color:#606060}.desktop-theme-toggle{align-items:center;display:flex}.navbar-toggle{cursor:pointer;display:none;flex-direction:column;z-index:2100}.navbar-toggle span{background-color:#333;height:3px;margin:3px 0;transition:all .3s ease;width:25px}.navbar-toggle.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{align-items:center;background-color:#f5f5f5;border-radius:14px;display:flex;flex-direction:column;height:47vh;justify-content:flex-start;left:0;padding-top:1rem;position:fixed;top:0;transform:translateX(-110%);transition:transform .3s ease;width:100%;z-index:2000}.mobile-menu.active{transform:translateX(0)}.mobile-menu-header{display:flex;justify-content:space-between;padding:0 1rem 2rem;width:100%}.mobile-menu-content{display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.mobile-menu-links{list-style:none;margin:0;padding:0}.mobile-menu-links li{margin:1.5rem 0}.mobile-menu-links a{color:#333;font-size:1.1rem;font-weight:500;text-decoration:none}.mobile-theme-toggle{align-items:center;color:#333;display:flex;justify-content:center}@media screen and (max-width:768px){.desktop-menu,.desktop-theme-toggle{display:none}.navbar{padding:0 .7rem;width:100%}.navbar-toggle{display:flex}}@media screen and (min-width:769px){.mobile-menu{display:none}}.hero{align-items:center;background:linear-gradient(90deg,#fff,#ffffff7e,#eadff7,#bddcf3,#cadff6);display:flex;min-height:100vh}.hero-container{margin-left:auto;margin-right:auto;max-width:1000px;width:100%}.hero-greeting{color:#002aff;font-family:monospace;font-size:1rem;font-size:1.2rem;font-weight:400;margin:1rem 0}.hero-name{color:#000;margin:0}.hero-name,.hero-title{font-size:5rem;font-weight:700;line-height:1.1}.hero-title{color:#2e2e2e;margin:1rem 0 2rem;opacity:.8}.hero-bio{color:#2e2e2e;font-family:monospace;font-size:1.1rem;font-weight:600;line-height:1.6;margin-bottom:3.5rem}.hero-actions{align-items:center;display:flex;gap:1.5rem}.btn-primary{background-color:#002aff;color:#fff;padding:.85rem 1.5rem;transition:background-color .3s}.btn-link,.btn-primary{border-radius:2rem;font-family:monospace;font-size:1rem;font-weight:600;text-decoration:none}.btn-link{align-items:center;border:1px solid #6a6b6c5b;color:#333;display:flex;gap:.5rem;padding:.8rem 1.5rem;transition:color .3s}.btn-link:hover{background-color:#002aff;color:#fff}@media screen and (max-width:768px){.hero-container{margin:0 1rem}.hero-name{font-size:2.6rem}.hero-title{font-size:2.75rem;margin-bottom:1.5rem}.hero-bio{font-size:.95rem;font-weight:700;letter-spacing:0;margin:2rem auto}.hero-actions{flex-wrap:wrap}}@media screen and (max-width:480px){.hero-greeting{font-size:1rem}}.about-section{background-color:#f4f4f4;border-top:1px solid #dfdfdf;padding:6rem 1rem}.about-container{display:flex;flex-direction:column;margin:0 auto;max-width:1000px}.synopsis-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#424bff,#1e84d8);-webkit-background-clip:text;border:1px solid #9e9c9c;border-radius:10px;color:#4e4c4c;font-family:monospace;font-size:1rem;letter-spacing:2px;margin:auto auto .5rem;max-width:19%;padding:0 .8rem;text-align:center}.about-title{color:#16171a;font-size:3.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.about-description{font-family:Fira Code,monospace;font-size:1rem;font-weight:600;letter-spacing:0;line-height:1.6;margin:0 auto 7rem;text-align:center}.about-content{display:flex;gap:2rem}.about-image{flex:1 1}.personal-image{aspect-ratio:3/4;border-radius:2rem;height:100%;object-fit:cover;width:100%}.about-details{display:flex;flex:1 1;flex-direction:column;gap:2rem}.detail-card{background-color:#fff;border:1px solid #dfdfdf;border-radius:2rem;box-shadow:0 10px 30px #0000000d;padding:2rem}.card-icon{background-color:#f0f4f8;border-radius:.75rem;color:#06f;height:48px;margin-bottom:1rem;width:48px}.detail-card h3{color:#16171a;font-size:1.25rem;margin-bottom:1rem}.detail-card p{color:#333;line-height:1.6;margin-bottom:1rem}.skills-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.skill-item{align-items:center;border:1px solid #dfdfdf;border-radius:.5rem;color:#333;display:flex;font-family:monospace;font-size:.9rem;font-weight:600!important;gap:.5rem;padding:.5rem}.skill-icon{font-size:1.2rem}@media screen and (max-width:768px){.about-section{padding:3rem 1rem}.synopsis-title{font-size:.8rem;max-width:50%}.about-title{font-size:2.5rem}.about-description{font-size:.9rem;margin-bottom:3rem;padding:0 1.4rem}.about-content{flex-direction:column;gap:1rem}.about-image{margin-bottom:2rem}.personal-image{aspect-ratio:15/15;border-radius:1rem}.about-details{gap:1rem}.detail-card{border-radius:1rem;padding:1.5rem}.card-icon{height:40px;margin-bottom:.75rem;width:40px}.detail-card h3{font-size:1.1rem;margin-bottom:.75rem}.detail-card p{font-size:.9rem;margin-bottom:.75rem}.skills-grid{display:flex;flex-wrap:wrap;gap:.5rem}.skill-item{flex-basis:calc(33.333% - 0.5rem);flex-grow:1;flex-shrink:1;font-size:.8rem;font-weight:700!important;justify-content:center;letter-spacing:-.05rem;padding:.4rem;text-align:center}.skill-icon{font-size:1rem}}@media screen and (max-width:480px){.synopsis-title{max-width:70%}.about-title{font-size:2rem}.skills-grid{flex-wrap:wrap}.skill-item{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1}}.technical-section{background-color:#f4f4f4;display:flex;flex-direction:column;font-family:Inter,sans-serif;position:relative;width:100%}.technical-header{display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:0 1rem;text-align:center}.hardskills-label{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#424bff,#1e84d8);-webkit-background-clip:text;border:1px solid #9e9c9c;border-radius:10px;color:#4e4c4c;font-family:monospace;font-size:1rem;letter-spacing:2px;margin:auto auto .5rem;max-width:19%;padding:0 .8rem;text-align:center}.technical-header h2{color:#333;font-size:3.75rem;font-weight:700}.technical-header .subtitle{color:#333;font-family:Fira Code,monospace;font-size:1rem;font-weight:600;letter-spacing:0;line-height:1.6;margin:0 auto 40px;max-width:1000px}.technical-main{display:flex;margin:4rem auto;max-width:1000px;position:relative;width:100%;z-index:1}.technical-cards{display:flex;flex-direction:column;gap:30px;width:50%;z-index:10}.technical-container{background-image:url(/static/media/dataism-24.142ee9ae418c2927d364.svg);background-position:100%;background-repeat:no-repeat;background-size:100%;position:relative;width:100%}.technical-card{background:#fff;border:1px solid #dfdfdf;border-radius:2rem;box-shadow:0 10px 25px #0000000d;padding:30px;position:relative}.card-icon{align-items:center;background-color:#f0f0f0;border-radius:10px;display:flex;height:50px;justify-content:center;margin-bottom:20px;position:relative;width:50px}.network-icon:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23424bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 17H7A5 5 0 0 1 7 7h2M15 7h2a5 5 0 1 1 0 10h-2M8 12h8'/%3E%3C/svg%3E")}.grid-icon:before,.network-icon:before{background-position:50%;background-repeat:no-repeat;content:"";height:24px;position:absolute;width:24px}.grid-icon:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23424bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3h7v7H3zM14 3h7v7h-7zM14 14h7v7h-7zM3 14h7v7H3z'/%3E%3C/svg%3E")}.technologies-icon:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23424bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 18 6-6-6-6M8 6l-6 6 6 6M12 2v20'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";height:24px;position:absolute;width:24px}.technical-card h2{color:#333;font-size:1.2rem;margin-bottom:15px}.technical-card p{letter-spacing:-.02rem;line-height:1.6;margin-bottom:15px}.technologies-grid,.tools-grid{border-top:1px solid #c7c4c4;display:flex;flex-wrap:wrap;gap:10px;padding-top:1rem}.tech-tags,.tool-tag{align-items:center;border:1px solid #3a3a3a57;border-radius:9rem;color:#000;display:flex;font-size:.7rem;font-weight:600;gap:8px;opacity:90%;padding:5px 15px;transition:all .2s ease}.tech-tags:hover,.tool-tag:hover{border-color:#3a3a3a;box-shadow:0 4px 8px #0000000d;opacity:100%;transform:translateY(-2px)}.tech-tags i,.tool-tag i{color:#424bff;font-size:.9rem}.tech-name,.tool-name{font-family:Fira Code,monospace;font-size:.75rem;letter-spacing:-.01rem}@media (max-width:1024px){* .technical-container{background-size:cover}.technical-background{height:100%;opacity:.2;position:absolute;width:100%}.tech-tags,.tool-tag{padding:5px 12px}}@media (max-width:768px){.technical-header .subtitle{font-size:.9rem}.technical-header h2{font-size:2.75rem}.hardskills-label{max-width:38%}.technical-cards{padding:1rem;width:100%}.technologies-grid,.tools-grid{gap:8px}.tech-tags,.tool-tag{font-size:.65rem;padding:4px 10px}.tech-tags i,.tool-tag i{font-size:.8rem}}@media (max-width:480px){.hardskills-label{font-size:.8rem;max-width:60%}.technical-header h2{font-size:2.2rem}.technical-card{padding:20px}.tech-tags,.tool-tag{font-size:.6rem;padding:3px 8px}.tech-tags i,.tool-tag i{font-size:.75rem}}:root{--bg-light-gray:#f5f5f5;--text-dark:#333;--text-gray:#666;--tag-bg:#f0f0f0;--primary-gradient:linear-gradient(90deg,#424bff,#1e84d8);--button-hover:#eaeaea}body{color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.projects-section{background:linear-gradient(180deg,#f5f6f7 10%,#ede5f7 40%,#ecf4fbe7);width:100%}.featured-projects-section{display:flex;flex-direction:column;gap:8rem;margin:auto;max-width:1000px;padding:80px 0}.featured-projects-header{display:flex;flex-direction:column;gap:2rem;justify-content:center;padding:0 1rem;text-align:center}.section-label{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#424bff,#1e84d8);background:var(--primary-gradient);-webkit-background-clip:text;border:1px solid #a8a6a6;border-radius:10px;display:block;font-family:monospace;font-size:1rem;font-weight:600;letter-spacing:.1rem;margin:auto;text-transform:uppercase;width:20%}.featured-projects-header h2{color:#333;color:var(--text-dark);font-size:4rem;font-weight:700;letter-spacing:-.05rem;line-height:1.2}.subtitle{color:#666;color:var(--text-gray);font-family:Fira Code,monospace;font-size:1rem;font-weight:600;letter-spacing:0;margin:0 auto}.projects-container{display:flex;flex-direction:column;gap:40px}.project-card{background:#fff;border:1px solid #dfdfdf;border-radius:24px;box-shadow:0 15px 35px #0000000d;display:flex;overflow:hidden;transition:box-shadow .3s ease}.project-card:hover{box-shadow:0 20px 45px #00000014}.project-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:50px}.project-header{align-items:center;display:flex;gap:2rem;margin-bottom:20px}.project-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#424bff,#1e84d8);background:var(--primary-gradient);-webkit-background-clip:text;font-size:1.7rem;font-weight:600;letter-spacing:-.06rem;margin-right:15px}.project-type{background-color:#f0f0f0;background-color:var(--tag-bg);border-radius:1rem;color:#666;color:var(--text-gray);font-size:.8rem;padding:3px 15px}.project-type i{color:#000;font-size:.9rem;margin-right:.5rem}.project-description{font-size:1.15rem;line-height:1.7;margin-bottom:25px}.project-technologies{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.tech-tag{align-items:center;border:1px solid #3a3a3a2f;border-radius:10px;color:#333;color:var(--text-dark);display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:5px 12px;transition:all .2s ease}.tech-tag:hover{border-color:#3a3a3a6b;box-shadow:0 4px 8px #0000000d;transform:translateY(-2px)}.tech-tag i{color:#424bff;font-size:.9rem}.tech-name{font-family:Fira Code,monospace;font-size:.75rem;letter-spacing:-.01rem}.project-links{align-items:center;display:flex;gap:1rem}.project-arrow{color:#333;color:var(--text-dark);font-size:2.2rem;text-decoration:none;transition:color .3s ease}.project-arrow:hover{color:#4a4a4a}.action-buttons{display:flex;gap:10px}.btn{align-items:center;border:1px solid #e0e0e0;border-radius:8px;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.btn svg{transition:transform .2s ease}.btn:hover svg{transform:scale(1.1)}.btn-live{background-color:#fff;color:#0f8c2a}.btn-live:hover{background-color:#333;background-color:var(--text-dark);color:#eaeaea;color:var(--button-hover)}.btn-github{background-color:#fff;color:#333}.btn-github:hover{background-color:#333;background-color:var(--text-dark);color:#eaeaea;color:var(--button-hover)}.project-mockup{align-items:center;display:flex;flex:1 1;justify-content:center;padding:0 30px 20px}.project-mockup img{border-radius:12px;max-height:700px;max-width:100%;object-fit:contain;transition:transform .3s ease}.project-card:hover .project-mockup img{transform:translateY(-5px)}@media (max-width:1024px){.project-card{flex-direction:column}.project-info,.project-mockup{flex:none;width:100%}.featured-projects-header h2{font-size:3rem}.project-info{padding:30px 30px 20px}.project-header h2{font-size:1.8rem}.project-technologies{justify-content:flex-start}}@media (max-width:768px){.featured-projects-section{gap:4rem;padding:80px 13px}.section-label{font-size:.85rem;padding:0 1rem;width:auto}.featured-projects-header h2{font-size:2.75rem}.subtitle{font-size:.875rem}.project-technologies{row-gap:8px}.tech-tag{font-size:.75rem;padding:4px 10px}.project-arrow{margin-bottom:10px}.action-buttons{width:70%}.btn{flex:1 1;font-size:.8rem;justify-content:center;padding:7px 12px}}@media (max-width:480px){.featured-projects-header h2{font-size:2.2rem}.section-label{font-size:.75rem}.project-info{padding:20px}.project-header h2{font-size:1.5rem;margin-right:0}.project-description{font-size:1rem}.tech-tag{font-size:.7rem}}.contact-footer{color:#333;text-align:center}.contact-footer,.contact-section{align-items:center;display:flex;flex-direction:column;width:100%}.contact-section{background-color:#eeebebcc;padding:60px 20px}.contact-title{font-family:monospace;font-size:28px;font-weight:600;letter-spacing:1px;margin-bottom:15px}.contact-text{font-family:sans-serif;font-size:16px;margin-bottom:30px}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#424bff,#1e84d8);-webkit-background-clip:text}.social-icons-large{display:flex;gap:20px;margin-bottom:30px;margin-top:10px}.social-icon-circle{align-items:center;background-color:#fff;border-radius:50%;color:#000;display:flex;font-size:22px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.social-icon-circle:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-5px)}.contact-form{margin-top:20px;max-width:500px;width:100%}.form-group{margin-bottom:15px;width:100%}.form-input,.form-textarea{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#fff;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.form-input::placeholder,.form-textarea::placeholder{color:#333}.form-textarea{min-height:120px;resize:vertical}.form-input:focus,.form-textarea:focus{box-shadow:0 0 0 2px #e6e8e666;color:#535252;outline:none}.submit-button{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 25px;transition:all .3s ease}.submit-button:hover{background-color:#333333c7;box-shadow:0 4px 10px #0000004d;color:#fff;transform:translateY(-2px)}.copyright-section{align-items:center;background:linear-gradient(135deg,#232526,#414345);border-top:1px solid #cdccccc3;display:flex;flex-direction:column;padding:25px 20px;width:100%}.copyright-text{color:#fff;font-family:monospace;font-size:14px;margin:5px 0}@media (max-width:768px){.contact-title{font-size:24px}.social-icon-circle{font-size:20px;height:45px;width:45px}.social-icons-large{gap:15px}.contact-form{max-width:90%}.submit-button{width:100%}}@media (max-width:480px){.contact-section{padding:40px 15px}.contact-title{font-size:22px;font-weight:700}.contact-text{font-size:14px;font-weight:500}.social-icon-circle{font-size:18px;height:40px;width:40px}.social-icons-large{gap:12px}.copyright-text{font-size:12px}.social-icon-small{font-size:16px}.form-input,.form-textarea{font-size:14px;padding:10px 12px}.form-textarea{min-height:100px}.submit-button{font-size:14px;padding:10px 20px}}:root{--font-accent:"Fira Code",monospace}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;scroll-behavior:smooth}body{background:linear-gradient(135deg,#f5f7fa,#e4edf5);color:#333;font-family:Fira Code,monospace;font-family:var(--font-accent)}.app,body{min-height:100vh}.app{width:100%}
/*# sourceMappingURL=main.fb928214.css.map*/