: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-secondary: #131522;--bg-tertiary: #15121a;--text-light: #f2ebeb;--card-bg: rgba(20, 20, 30, .6);--card-bg-alt: rgba(30, 30, 40, .7);--border-orange: rgba(252, 130, 0, .1);--border-orange-hover: rgba(252, 130, 0, .3);--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;--transition-long: .6s ease-out;--title-font-size: 1.5rem;--gradient-font-size: 2rem;--profile-image-size: 250px}*{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)}@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)}}@media (min-width: 769px){.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:50px;max-width:750px;padding-right:150px}.links-section{margin-left:50px;max-width:750px;padding-right:150px}body{width:100vw!important;min-width:100vw!important;overflow-x:hidden;display:flex!important;flex-direction:column!important;align-items:center!important}.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:30px!important}}.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 h1{color:var(--text-light);font-size:var(--title-font-size);font-weight:700;letter-spacing:-.5px}.main-content{margin-top:60px;background-color:var(--bg-secondary);min-height:calc(100vh - 60px);padding:4px var(--gap-standard);position:relative;overflow:visible}.main-content p{color:var(--text-light);font-size:1.2rem;position:relative;z-index:10}.content-section{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);min-height:100vh;padding:80px 20px 20px;position:relative}@media (min-width: 769px){.content-section{background:#0a0a1f1a}}.content-section.content-section1{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)}@media (min-width: 769px){.content-section.content-section1{background:radial-gradient(circle at 40% 20%,rgba(255,193,7,.03) 0%,transparent 20%),radial-gradient(circle at 90% 60%,rgba(255,193,7,.03) 0%,transparent 20%),#0a0a1f1a}}.content-section.main-content{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);padding:60px 20px}@media (min-width: 769px){.content-section.main-content{background:radial-gradient(circle at 10% 80%,rgba(255,193,7,.03) 0%,transparent 5%),radial-gradient(circle at 90% 20%,rgba(255,193,7,.03) 0%,transparent 15%),#0a0a1f1a}}.content-section.about-section{margin-top:-15vh;position:relative;z-index:10}@media (max-width: 768px){.content-section.about-section{margin-top:-10vh}.links-section{margin-bottom:100px;justify-content:center}.main-content{display:flex;flex-direction:column;align-items:center}.main-content .rise-animate{width:100%;display:flex;flex-direction:column;align-items:center}.hero-section{display:flex;flex-direction:column;align-items:center;text-align:center}.name-container{font-size:35px;margin:10px 0!important}.name-container .gradient-text{font-size:2rem}.hero-badge-responsive{position:static!important;top:auto!important;left:auto!important;transform:none!important;margin:20px auto!important;display:block!important;max-width:90%!important;width:fit-content!important}.hero-title{margin-left:0!important;text-align:center!important;width:100%!important}.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}.card-project{grid-template-columns:1fr;padding:20px 10px}.card-item-project{max-width:100%;height:550px}.title-box h1{font-size:1.2rem;padding:10px var(--gap-standard)}.gradient-text{font-size:1.8rem}.particle{display:none}.card-about{display:flex;flex-direction:column;gap:var(--gap-standard);width:100%;padding:0;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;align-items:center}.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}.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-about{margin-bottom:40px}.card-tech{display:flex;flex-direction:column;gap:20px;padding:20px 10px;width:100%}.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}}.card-container{width:80%;position:relative;margin:20px auto;padding:30px}.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}@media (min-width: 769px){.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)}}.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)}@media (min-width: 1070px){.card-about>p{max-width:750px;margin:0 auto}}.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}.category-header-card{flex:0 0 180px;width:180px;max-width:220px;min-width:220px;border-radius:var(--gap-small);display:flex;align-items:center;justify-content:center;padding:20px;background:var(--card-bg);border:1px solid var(--border-orange);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003;min-height:160px}.category-header-card.rise-animate{opacity:0;transform:translateY(30px) scale(.9);transition:opacity .6s ease-out,transform .6s ease-out}.category-header-card.rise-animate.visible{opacity:1;transform:translateY(0) scale(1)}.category-title{color:var(--text-light);margin:0;font-size:1.3rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;writing-mode:horizontal-tb;text-align:center;white-space:nowrap}.tech-icons-container{flex:1;display:flex;align-items:center;flex-wrap:nowrap;gap:2px;padding:10px;overflow-x:visible}.tech-icon{flex:0 0 auto;width:clamp(120px,calc((80vw - 220px)/4),180px);height:clamp(120px,calc((80vw - 220px)/4),180px);background:var(--card-bg);border-radius:var(--border-radius-large);transition:all var(--transition-standard);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(12px,2vw,20px);gap:clamp(8px,1vw,12px);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tech-icon.rise-animate{opacity:0;transform:translateY(30px) scale(.9);transition:opacity .6s ease-out,transform .6s ease-out}.tech-icon.rise-animate.visible{opacity:1;transform:translateY(0) scale(1)}.tech-logo{width:clamp(50px,calc((80vw - 220px) / 6),90px);height:clamp(50px,calc((80vw - 220px) / 6),90px);object-fit:contain}.tech-label{text-align:center;font-size:clamp(.7rem,1.5vw,1rem);color:var(--text-light);opacity:.8;font-weight:500;letter-spacing:.5px}@media (max-width: 1200px){.tech-icon{width:clamp(100px,calc((80vw - 200px)/4),150px);height:clamp(100px,calc((80vw - 200px)/4),150px)}.tech-logo{width:clamp(45px,calc((80vw - 200px) / 6),75px);height:clamp(45px,calc((80vw - 200px) / 6),75px)}.category-header-card{flex:0 0 180px;width:180px;max-width:180px;min-width:180px;min-height:clamp(120px,calc((80vw - 200px)/4),170px)}.category-title{font-size:1.1rem}}@media (max-width: 900px){.tech-icon{width:clamp(80px,calc((80vw - 180px)/4),120px);height:clamp(80px,calc((80vw - 180px)/4),120px)}.tech-logo{width:clamp(35px,calc((80vw - 180px) / 6),60px);height:clamp(35px,calc((80vw - 180px) / 6),60px)}.category-header-card{flex:0 0 180px;width:180px;max-width:180px;min-width:180px;min-height:clamp(100px,calc((80vw - 180px)/4),140px)}.category-title{font-size:1rem}.tech-label{font-size:clamp(.6rem,1.2vw,.8rem)}.tech-icons-container{gap:2px}}@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}.category-header-card{flex:none;height:60px;min-height:auto;width:80%;max-width:300px;align-self:center;display:flex;align-items:center;justify-content:center}.category-title{font-size:1.1rem;writing-mode:horizontal-tb}.tech-icons-container{justify-content:center;flex-wrap:wrap;padding:15px;gap:2px}.tech-icon{width:clamp(80px,20vw,100px);height:clamp(80px,20vw,100px);padding:12px}.tech-logo{width:clamp(40px,15vw,60px);height:clamp(40px,15vw,60px)}.tech-label{font-size:clamp(.6rem,3vw,.8rem)}}@media (max-width: 400px){.tech-category{width:98%}.tech-icon{width:clamp(70px,18vw,85px);height:clamp(70px,18vw,85px);padding:8px}.tech-logo{width:clamp(35px,12vw,50px);height:clamp(35px,12vw,50px)}.tech-label{font-size:clamp(.5rem,2.5vw,.7rem)}.tech-icons-container{gap:2px;padding:10px}.category-header-card{flex:0 0 180px;width:180px;max-width:180px;min-width:180px;height:50px;padding:10px}.category-title{font-size:.9rem}}.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}@media (min-width: 1200px){.card-project{grid-template-columns:repeat(3,1fr)}}.card-item-project{background:#282832cc;border:1px solid rgba(252,130,0,.15);width:300px;max-width:500px;margin:0 auto;display:flex;flex-direction:column;padding:0;overflow:hidden;height:600px}.project-card-image{height:200px;background:linear-gradient(135deg,#fc82001a,#ffc1071a,#fc82000d);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}.project-card-image img.project-image{max-width:80%;max-height:80%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.project-icon-wrapper{color:var(--primary-orange);display:flex;align-items:center;justify-content:center;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(252,130,0,.4))}.project-icon-wrapper svg{transition:transform .3s ease}.card-item-project:hover .project-icon-wrapper svg{transform:scale(1.1) rotate(5deg)}@keyframes pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}.combined-icon{position:relative;display:flex;align-items:center;justify-content:center}.bot-overlay{position:absolute;bottom:-5px;right:-5px;opacity:.8}.project-card-content{padding:15px 10px;flex:1;display:flex;flex-direction:column;justify-content:flex-start;height:calc(100% - 200px)}.project-card-content h3{margin:0 0 25px;min-height:60px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.3}.project-tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0;align-content:flex-start}.tech-tag{background:#fc82001a;color:var(--primary-orange);padding:4px 12px;border-radius:15px;font-size:.75rem;border:1px solid rgba(252,130,0,.2)}.project-links{display:flex;gap:15px;margin-top:auto;padding-top:15px;align-self:flex-start}.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}.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}.card-about>.rise-animate:nth-child(3) .about-card-column{height:100%}.about-card-column{display:flex;flex-direction:column;gap:20px}.about-card-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--border-orange-hover)}.card-item-project:hover{transform:translateY(-3px);box-shadow:0 10px 30px #fc820033;border-color:#fc82004d}.project-card-content p{line-height:1.4}.card-item-project h3{color:#f93;font-size:1.1rem}.card-item-project p{color:var(--text-light);opacity:.85}.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)}.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}@media (max-width: 1200px){.profile-image-container{right:10%;width:200px;height:200px}}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid var(--primary-orange);box-shadow:0 0 20px #fc82004d}.name-container{margin-top:120px;font-size:50px;margin-left:90px}.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}.links-section{margin-top:30px;margin-left:90px;display:flex;gap:20px;position:relative;z-index:10}.particle{position:fixed;border-radius:50%;opacity:.3;pointer-events:none}.section-divider{height:2px;background:linear-gradient(90deg,transparent,var(--primary-orange) 20%,#ff6b1a 50%,var(--primary-orange) 80%,transparent);margin:0;opacity:.8;z-index:50}.section-divider:before{content:"";position:absolute;top:-1px;left:0;right:0;height:4px;background:inherit;filter:blur(4px);opacity:.6}.language-bars-container{display:flex;flex-direction:column;gap:15px;padding:10px 0;width:100%}.language-bar{display:flex;align-items:center;gap:12px}.language-info{display:flex;flex-direction:column;flex:1;gap:5px}.language-name-level{display:flex;justify-content:space-between;align-items:center;min-width:0;gap:8px;width:100%}.language-progress{width:100%;height:6px;background-color:var(--border-orange);border-radius:3px;overflow:hidden;position:relative}.language-progress-fill{position:relative}.language-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s ease-out .5s}.rise-animate{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.rise-animate.visible{opacity:1;transform:translateY(0)}@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)}}