@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
body{color:#fff;background:linear-gradient(to bottom right,#000,#64748b,#000);margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{box-sizing:border-box;width:90%;max-width:1280px;margin:2rem auto;padding:1rem}.navbar{box-sizing:border-box;color:#1e293b;z-index:50;background-color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;width:100%;max-width:100%;padding:.3rem .8rem;font-size:.9rem;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0000001a}.navbar h1{margin:0;font-size:1.25rem}.menuContainer{flex-wrap:wrap;gap:.4rem;display:flex}.menuButton{cursor:pointer;text-transform:capitalize;white-space:nowrap;border-radius:9999px;padding:.2rem .6rem;font-size:.85rem;transition:all .3s}.menuButton:hover{font-weight:600}.menuButton:focus,.menuButton:active{transform:scale(1.05)}.navbar-title{cursor:pointer;border-radius:.5rem;margin:0;padding:.25rem .5rem;font-size:1.25rem;font-weight:800;transition:all .3s}.navbar-title:hover,.navbar-title:focus,.navbar-title:active{transform:scale(1.05)}@media (max-width:637px){.menuContainer{display:none}}.section{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:100vh;padding:2rem;display:flex}.section-welcome{background:linear-gradient(#000,#1e293b,#000)}.section-about{background-color:#1e293b}.section-projects{background-color:#2d3748}.section-skills{background-color:#1e293b}.section-hobbies{background-color:#2d3748}.section-contact{background-color:#1e293b}.welcome{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.welcome h1{color:#fff;margin-bottom:1rem;font-size:4rem;font-weight:800}.welcome hr{border:none;border-top:2px solid #10b981;width:12rem;margin:1rem auto 2rem}.welcome h2{color:#d1d5db;margin-bottom:2rem;font-size:1.75rem}.welcome img{object-fit:cover;border-radius:50%;width:12rem;height:12rem;box-shadow:0 4px 10px #0000004d}.about{color:#f9fafb;background-color:#374151;border-radius:.5rem;width:100%;padding:2rem}.about h1{text-align:center;margin-bottom:1.5rem;font-size:3rem;font-weight:800}.about-content{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}.about-content img{object-fit:cover;border-radius:.5rem;width:20%;min-width:120px}.about-text{flex:1;min-width:200px}@media (max-width:488px){.about-content img{display:none}}.cv-button{color:#fff;background-color:#10b981;border-radius:999px;margin:.6rem;padding:.6rem 1.2rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-block}.cv-button:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.projects{background-color:#1f2937;border-radius:.5rem;width:100%;padding:2rem}.projects h2{text-align:center;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.projects-divider{background-color:#9ca3af;width:80%;height:2px;margin:0 auto 2rem}.project-card{background-color:#1f2937;border-radius:.5rem;grid-template-columns:200px 1fr;align-items:start;gap:1rem;margin-bottom:2rem;padding:1rem;display:grid}.project-card img.project-image{object-fit:contain;border-radius:.5rem;width:200px;height:auto}.project-content{flex-direction:column;gap:.5rem;display:flex}.project-content h3{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.project-info{align-items:center;gap:1rem;display:flex}.project-info p{color:#d1d5db;flex:1;font-size:1rem}.project-button{width:fit-content}.project-button a{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.4rem .6rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.project-button img{background-color:#fff;border-radius:50%;width:44px;height:44px;padding:.25rem}.project-button span{text-align:center;color:#d1d5db;white-space:nowrap;font-size:.9rem;font-style:italic;font-weight:600}.project-button a:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000059}@media (max-width:768px){.project-card{text-align:center;grid-template-columns:1fr}.project-info{flex-direction:column}.project-button{margin-top:1rem}}.project-tech{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.tech-badge{color:#fff;white-space:nowrap;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:500;transition:transform .15s}.tech-badge:hover{transform:scale(1.05)}.skills-section{background-color:#374151;border-radius:.5rem;width:100%;padding:2rem}.skills-section h2{text-align:center;color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.skills-divider{background-color:#9ca3af;width:80%;height:2px;margin:0 auto 2rem}.skills-grid{grid-template-columns:repeat(2,1fr);justify-items:center;gap:2rem;display:grid}@media (min-width:768px){.skills-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.skills-grid{grid-template-columns:repeat(4,1fr)}}.skill-item{flex-direction:column;align-items:center;gap:.5rem;transition:transform .2s;display:flex}.skill-item:hover{transform:translateY(-3px)}.skill-name{color:#fff;text-align:center;font-size:1rem;font-weight:600}.skill-stars{gap:.25rem;margin-top:.25rem;transition:transform .2s;display:flex}.skill-item:hover .skill-stars{transform:scale(1.2)}.skill-stars .filled{color:#facc15}.skill-stars .empty{color:#9ca3af}.hobbies-section{background-color:#1f2937;border-radius:.5rem;width:100%;padding:2rem}.hobbies-section h2{text-align:center;color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.hobbies-divider{background-color:#9ca3af;width:80%;height:2px;margin:0 auto 2rem}.hobbies-grid{grid-template-columns:repeat(2,1fr);justify-items:center;gap:2rem;display:grid}@media (min-width:768px){.hobbies-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.hobbies-grid{grid-template-columns:repeat(3,1fr)}}.hobby-item{flex-direction:column;align-items:center;gap:.5rem;display:flex}.hobby-image{width:96px;height:96px}.hobby-name{color:#fff;text-align:center;font-size:1rem;font-weight:600}.contact-section{text-align:center;color:#fff;background-color:#374151;border-radius:.5rem;width:80%;margin:0 auto;padding:2rem}.contact-section h2{margin-bottom:1rem;font-size:2rem;font-weight:700}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-items:center;gap:1.5rem;display:grid}.contact-card{color:#fff;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex}.contact-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0006}.contact-icon{background-color:#1f2937;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s;display:flex;overflow:hidden}.contact-card:hover .contact-icon{transform:scale(1.1)}.contact-icon img{object-fit:contain;width:60%;height:60%}.contact-value{text-align:center;word-break:break-word;font-size:.95rem}footer{text-align:center;color:#9ca3af;padding:2rem;font-size:.875rem}.loading{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin:2rem 0;display:flex}.spinner{color:#fff;gap:.25rem;font-size:2rem;display:flex}.spinner span{animation:1s infinite blink}.spinner span:nth-child(2){animation-delay:.2s}.spinner span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}