:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-orange: #fc8200;--accent-yellow: #f9bc05;--dark-orange: #dc6d31;--bg-dark: #10051f;--bg-tertiary: #15121a;--text-light: #f2ebeb;--card-bg: rgba(20, 20, 30, .6);--border-orange: rgba(252, 130, 0, .1);--border-orange-hover: rgba(252, 130, 0, .3);--orange-alpha-05: rgba(252, 130, 0, .05);--orange-alpha-15: rgba(252, 130, 0, .15);--orange-alpha-20: rgba(252, 130, 0, .2);--orange-alpha-40: rgba(252, 130, 0, .4);--breakpoint-mobile: 768px;--gap-standard: 20px;--gap-small: 10px;--gap-large: 30px;--padding-section: 30px;--section-width: 1000px;--border-radius: 12px;--border-radius-small: 8px;--border-radius-large: 16px;--transition-standard: .3s ease;--title-font-size: 1.5rem;--gradient-font-size: 2rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-dark)}.gradient-text{background:linear-gradient(90deg,var(--accent-yellow),var(--primary-orange),var(--dark-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;position:relative;z-index:10;font-size:var(--gradient-font-size)}.section-header{position:relative;display:inline-block;color:#f2ebeb;margin-bottom:40px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.section-header:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,transparent,var(--primary-orange),var(--dark-orange),var(--primary-orange),transparent);border-radius:2px}.section-background-wrapper{width:100vw;position:relative;left:50%;transform:translate(-50%)}.main-content-bg{background:radial-gradient(circle at 10% 80%,rgba(255,193,7,.05) 0%,transparent 5%),radial-gradient(circle at 90% 20%,rgba(255,193,7,.05) 0%,transparent 15%),linear-gradient(180deg,#0a0a1f,#131211)}.about-section-bg{background:radial-gradient(circle at 10% 80%,rgba(255,235,59,.03) 0%,transparent 10%),radial-gradient(circle at 90% 20%,rgba(255,193,7,.05) 0%,transparent 15%),radial-gradient(circle at 50% 50%,rgba(255,235,59,.02) 0%,transparent 60%),linear-gradient(180deg,#0a0a1f,#131211)}.content-section1-bg{background:radial-gradient(circle at 40% 20%,rgba(255,193,7,.05) 0%,transparent 20%),radial-gradient(circle at 90% 60%,rgba(255,193,7,.05) 0%,transparent 20%),linear-gradient(180deg,#0a0a1f,#131211)}.title-box{background-color:var(--bg-tertiary);padding:15px var(--padding-section);border-radius:0;border-bottom:.5px solid var(--primary-orange);position:fixed;top:0;left:0;right:0;z-index:100;width:100%;margin:0}.title-box{position:relative}.title-box h1{color:var(--text-light);font-size:var(--title-font-size);font-weight:700;letter-spacing:-.5px}.main-content{margin-top:60px;min-height:auto;padding:4px var(--gap-standard);position:relative;overflow:visible}.content-section.main-content{min-height:84vh!important}.main-content p{color:var(--text-light);font-size:1.2rem;position:relative;z-index:10}.content-section{min-height:100vh;padding:80px 20px 10px;position:relative}.content-section.about-section{margin-top:-15vh;position:relative;z-index:10}.card-container{width:80%;position:relative;margin:20px auto;padding:30px}.profile-image-container{width:200px;height:200px;position:absolute;right:50px;top:5%;animation:float-vertical 4s ease-in-out infinite;animation-delay:.5s;z-index:5}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid var(--primary-orange);box-shadow:0 0 20px var(--border-orange-hover);image-rendering:high-quality;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-ms-interpolation-mode:bicubic}.name-container{margin-top:120px;font-size:50px;margin-left:90px}.links-section{margin-top:30px;margin-left:90px;display:flex;gap:20px;position:relative;z-index:10}.card-about{background:var(--card-bg);border:1px solid var(--border-orange);border-radius:var(--border-radius);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:relative;display:grid;grid-template-rows:auto auto;align-items:start}.card-about>p{grid-column:1 / -1;grid-row:1}.card-about>.rise-animate:nth-child(2){align-self:stretch}.card-about>.rise-animate:nth-child(3){align-self:stretch}.card-about>.rise-animate:nth-child(2) .about-card-item{height:100%;min-width:350px;max-width:400px}.card-about>.rise-animate:nth-child(3) .about-card-column{height:100%}.about-card-column{display:flex;flex-direction:column;gap:20px}.about-card-column .about-card-item{flex:1 1 calc(50% - 10px);display:flex;flex-direction:column;min-height:150px;min-width:250px;max-width:380px}.about-card-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--border-orange-hover)}.card-project{background:transparent;border:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;justify-content:center;padding:30px;box-shadow:none;max-width:1400px;margin:0 auto}.card-tech{background:transparent;width:var(--section-width);margin:var(--gap-standard) auto;padding:var(--padding-section) 0;display:flex;flex-direction:column;gap:var(--gap-large)}.tech-category{width:var(--section-width);margin:2px auto;display:flex;align-items:stretch;gap:2px;min-height:clamp(140px,calc((80vw - 220px)/4),200px);height:auto}.tech-icons-container{flex:1;display:flex;align-items:center;flex-wrap:nowrap;gap:2px;padding:10px;overflow-x:visible}.contact-item{transition:opacity .3s ease}.contact-item:hover{opacity:.8;cursor:pointer;filter:drop-shadow(0 0 5px var(--primary-orange))}.contact-icon{transition:transform .3s ease}.contact-icon:hover{transform:scale(1.1)}.language-bars-container{display:flex;flex-direction:column;gap:15px;padding:10px 0;width:100%}.particle{position:fixed;border-radius:50%;opacity:.3;pointer-events:none}.section-divider{background:linear-gradient(90deg,transparent,var(--primary-orange) 20%,#ff6b1a 50%,var(--primary-orange) 80%,transparent);margin:0;opacity:1;z-index:50}.main-content .section-divider{position:relative;margin-top:20px}.section-divider:before{content:"";position:absolute;top:-1px;left:0;right:0;height:4px;background:inherit;opacity:.6}.rise-animate{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.rise-animate.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.content-section.about-section{margin-top:-10vh}.title-box h1{font-size:1.2rem;padding:10px var(--gap-standard)}.hero-section{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;bottom:30px!important}.main-content{display:flex;flex-direction:column;align-items:center}.main-content .rise-animate{width:100%;display:flex;flex-direction:column;align-items:center}.profile-image-container{position:static!important;right:auto!important;top:auto!important;left:auto!important;transform:none!important;margin:25px auto!important;width:150px!important;height:150px!important;display:block!important}.name-container{font-size:35px;margin:10px 0!important;text-align:center!important}.name-container .gradient-text{font-size:2rem}.gradient-text{font-size:1.8rem}.links-section{margin:10px 0!important;justify-content:center!important;margin-bottom:10px}.hero-badge-responsive{position:static!important;top:auto!important;left:auto!important;transform:none!important;margin:20px auto!important;display:block!important;max-width:98%!important;width:fit-content!important}.hero-title{margin-left:0!important;text-align:center!important;width:100%!important}.card-about{display:flex;flex-direction:column;gap:var(--gap-standard);width:100%;padding:px;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:center;margin-bottom:40px}.card-about>.rise-animate{grid-column:1!important}.card-about .rise-animate{max-width:350px;width:100%;margin:0 auto}.card-about .rise-animate:nth-child(1),.card-about .rise-animate:nth-child(2){display:flex;justify-content:center}.card-about .about-card-item{background:#14141e99;border:1px solid rgba(236,133,7,.1);border-radius:var(--border-radius);padding:20px;margin:0 auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-width:unset;max-width:350px;width:100%;min-height:150px;display:flex;flex-direction:column;justify-content:flex-start}.content-section.main-content{min-height:auto!important;padding-bottom:80px!important}.about-card-column{display:contents;height:auto}.about-card-column .about-card-item{flex:initial}.about-card-column .about-card-item:first-child{margin-bottom:20px}.card-project{grid-template-columns:1fr;padding:20px 10px;display:flex;flex-direction:column;gap:20px}.card-tech{display:flex;flex-direction:column;gap:20px;padding:20px 10px;width:100%;align-items:center}.tech-category-frontend,.tech-category-backend,.tech-category-database,.tech-category-infrastructure,.tech-category-tools{width:100%;margin:0 auto;flex-direction:column;gap:10px}.content-section1{padding:20px 10px}.content-section1 .card-container{width:100%;padding:10px;display:flex;flex-direction:column;gap:20px}.tech-category{flex-direction:column;gap:2px;min-height:auto;width:95%;margin:2px auto;align-items:center}.tech-icons-container{justify-content:center;flex-wrap:wrap;padding:15px;gap:2px}.particle{display:none}}@media (max-width: 400px){.tech-category{width:98%}.tech-icons-container{gap:2px;padding:10px}}@media (max-width: 600px){.card-tech{width:100%;padding:20px 0;align-items:center}.tech-category{flex-direction:column;gap:2px;min-height:auto;width:95%;margin:2px auto;align-items:center}.tech-icons-container{justify-content:center;flex-wrap:wrap;padding:15px;gap:2px}}@media (min-width: 769px){body{background:radial-gradient(circle at 10% 80%,rgba(255,235,59,.03) 0%,transparent 10%),radial-gradient(circle at 90% 20%,rgba(255,193,7,.05) 0%,transparent 15%),radial-gradient(circle at 50% 50%,rgba(255,235,59,.02) 0%,transparent 60%),linear-gradient(180deg,#0a0a1f,#131211);width:100vw!important;min-width:100vw!important;overflow-x:hidden;display:flex!important;flex-direction:column!important;align-items:center!important}.main-content,.about-section,.content-section,.content-section1{width:1000px!important;max-width:1000px!important;min-width:1000px!important;margin:0 auto!important;position:relative!important;padding-left:0!important;padding-right:0!important}.hero-section{width:1000px!important;position:relative!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important}.profile-image-container{position:absolute;right:50px;top:10%;width:180px;height:180px}.name-container{margin-top:120px;margin-left:90px;max-width:750px;padding-right:150px}.links-section{margin-left:90px;max-width:750px;padding-right:150px}.title-box{width:100vw!important;left:0!important;right:0!important;position:fixed!important}.section-divider{width:100vw!important;left:50%!important;right:auto!important;margin-left:0!important;margin-right:0!important;position:absolute!important;transform:translate(-50%)!important;bottom:5px!important}.main-content .section-divider{position:absolute!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important;width:100vw!important;margin-top:0!important}.card-about{width:var(--section-width);margin:var(--gap-standard) auto;padding:var(--padding-section);grid-template-columns:1.2fr 1fr;gap:var(--gap-standard)}}@media (min-width: 900px) and (max-width: 1199px){.tech-icons-container{gap:2px}}@media (min-width: 1070px){.card-about>p{max-width:750px;margin:0 auto}}@media (min-width: 1200px){.card-project{grid-template-columns:repeat(3,1fr)}.profile-image-container{right:10%;width:200px;height:200px}}@keyframes float-vertical{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-1{0%,to{transform:translate(0)}33%{transform:translate(30px,-40px)}66%{transform:translate(-20px,20px)}}@keyframes float-2{0%,to{transform:translate(0)}33%{transform:translate(-40px,30px)}66%{transform:translate(50px,-20px)}}@keyframes float-3{0%,to{transform:translate(0)}25%{transform:translate(20px,-50px)}50%{transform:translate(-30px,-30px)}75%{transform:translate(40px,40px)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}