@font-face{font-family:Outfit;src:url(../../../assets/fonts/Outfit-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--menu-color: #141c22;--element-color: #71afcf;--text-color: #ffffff;--bg-color: #1B1D22;--card-bg: #1B1D22;--card-bg-secondary: #252932;--border-color: rgba(113, 175, 207, .2);--shadow: 0 8px 32px rgba(0, 0, 0, .4);--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;color:var(--text-color);background-color:var(--bg-color);transition:var(--transition);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#71afcf;transition:color .3s}a:hover,a:focus{color:#5c95b8}nav{background-color:var(--menu-color);padding:1rem;position:fixed;width:100%;top:0;z-index:1000;transition:all .3s ease}.nav-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto auto;gap:2rem;align-items:center}.logo{display:flex;align-items:center;color:#fff;text-decoration:none;font-weight:700;font-size:1.5rem}.logo img{height:40px;margin-right:1rem;transition:height .3s ease}.nav-links{display:flex;gap:2rem;align-items:center;justify-content:center}.nav-controls{display:flex;gap:1rem;align-items:center}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease}.nav-links a:hover{color:var(--element-color)}.lang-toggle{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:var(--transition);border-radius:8px;font-weight:600}.lang-toggle:hover{background-color:#71afcf33;color:var(--element-color)}.hamburger-menu{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}@media (max-width: 768px){.nav-content{display:flex;justify-content:space-between}.hamburger-menu{display:block;order:3}.nav-controls{order:2}.nav-links,.nav-links.mobile-hidden{display:none}.nav-links.mobile-visible{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;position:absolute;top:65px;left:0;width:100%;background:#141c22fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.5rem;border-radius:0 0 20px 20px;z-index:1000;box-shadow:0 8px 32px #00000080}.nav-links a,.nav-links button{color:#fff;text-decoration:none;font-weight:500;text-align:left;display:block;width:100%;margin:.5rem 0;padding:1rem;border-radius:12px;transition:var(--transition)}.nav-links a:hover{background:#71afcf33}}@media (min-width: 769px){nav{background-color:var(--menu-color);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);width:100%;position:fixed;left:50%;top:0;transform:translate(-50%);transition:all .3s cubic-bezier(.4,0,.2,1)}nav.floating{width:80%;background-color:#141c22d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000001a;padding:.75rem 1rem;top:1rem;border-radius:15px}nav.floating .logo img{height:35px}nav.floating .nav-links a{font-size:.95rem}.hamburger-menu{display:none}.nav-content{display:grid;grid-template-columns:auto 1fr auto;gap:2rem}.nav-links{display:flex;flex-direction:row;justify-content:center;position:static;width:auto;background-color:transparent;padding:0}.nav-links.mobile-hidden{display:flex}.nav-links a{position:relative;padding:.5rem 0}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--element-color);transition:width .3s ease}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a.active{color:var(--element-color)}}main{margin-top:80px;min-height:100vh}section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;background-color:var(--bg-color);margin:0;position:relative}section h1,section h2{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,var(--element-color) 0%,#5c95b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}section>*{max-width:1000px;width:100%}h1,h2{color:var(--element-color);margin-bottom:1rem}.project-category{margin-bottom:3rem}.project-category h3{font-size:1.5rem;font-weight:600;color:var(--element-color);margin-bottom:1.5rem;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:1rem}.project-card{background:var(--card-bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:2rem;transition:var(--transition);display:flex;flex-direction:column;justify-content:space-between;height:100%;position:relative;overflow:hidden;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card img{margin:0 auto 1rem;transition:var(--transition);border-radius:20px;object-fit:cover}.project-card i{font-size:60px;color:var(--element-color);margin-bottom:1rem;display:block}.card-content{flex:1;display:flex;flex-direction:column;align-items:center;padding-bottom:15px}.project-link{margin-top:auto;width:100%}.project-link a{display:inline-block;text-decoration:none;color:#fff;background:linear-gradient(135deg,var(--element-color) 0%,#5c95b8 100%);padding:12px 24px;border-radius:12px;font-weight:600;transition:var(--transition);width:100%;box-shadow:0 4px 12px #71afcf4d}.project-link a:hover{transform:translateY(-2px);box-shadow:0 6px 20px #71afcf80;text-decoration:none}.project-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin:10px 0}.tag{font-size:.7rem;padding:3px 8px;border-radius:12px;font-weight:500;color:#fff}.tag-react{background-color:#61dafb;color:#282c34}.tag-angular{background-color:#dd0031}.tag-typescript{background-color:#3178c6}.tag-javascript{background-color:#f7df1e;color:#333}.tag-html{background-color:#e34c26}.tag-css{background-color:#264de4}.tag-swift{background-color:#f05138}.tag-macos{background-color:#000;color:#fff}.tag-ios{background-color:#007aff}.tag-ionic{background-color:#3880ff}.tag-wordpress{background-color:#21759b}.tag-php{background-color:#8993be}.tag-jquery{background-color:#0769ad}.tag-woocommerce{background-color:#96588a}.tag-svelte{background-color:#ff5d01}.tag-machine-learning{background-color:#01a982}.tag-mlx{background-color:#0071c5}.tag-photography{background-color:#2a2a2a;color:#fff}.tag-adobe-stock{background-color:#fa0f00}.project-description-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#71afcffa,#5c95b8fa);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;opacity:0;visibility:hidden;transition:var(--transition);z-index:2;border-radius:20px;gap:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-description-overlay.show{opacity:1;visibility:visible}.project-description-overlay p{margin:0;color:#fff;font-size:1rem;line-height:1.6;text-align:center}.project-info h4{margin:1rem 0 .5rem;font-size:1.2rem;font-weight:700;color:var(--text-color)}.project-info p{font-size:1rem;color:#ffffffb3;line-height:1.6}.project-info a{display:inline-block;margin-top:1rem;text-decoration:none;color:var(--element-color);font-weight:600;transition:var(--transition)}.project-info a:hover{color:#5c95b8}button{background-color:var(--element-color);color:#fff;padding:.5rem 1rem;border:none;border-radius:12px;cursor:pointer;transition:var(--transition);font-family:Outfit,sans-serif}button:hover{background-color:#5c95b8;transform:translateY(-2px)}button:active{transform:translateY(0)}.contact-text{text-align:center;margin-bottom:2rem}.social-links-centered{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.social-links-centered a{color:var(--element-color);font-size:2rem;transition:color .3s,transform .3s}.social-links-centered a:hover{color:var(--menu-color);transform:translateY(-5px)}footer{text-align:center;padding:3rem 2rem;background-color:var(--card-bg);border-top:1px solid var(--border-color)}footer p{font-size:1rem;color:#ffffffb3}footer a,footer a:visited{color:var(--element-color);transition:var(--transition)}footer a:hover{color:#5c95b8}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;text-align:center}.skill{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;color:var(--element-color);background:#71afcf1a;padding:10px 15px;border-radius:5px;transition:transform .3s,box-shadow .3s}.skill:hover{transform:translateY(-5px);box-shadow:0 4px 6px #0000001a}.progress{background-color:#71afcf;height:100%;border-radius:5px}.experience-timeline{display:flex;flex-direction:column;gap:15px}.experience{border-left:2px solid #71afcf;padding-left:15px;margin-left:10px}.experience span{font-weight:700;color:#adadad}.experience h3{margin:5px 0;font-size:1.1em;color:#71afcf}.experience p{margin:0;color:#828282}.overlay-button{display:inline-block;margin-top:1rem;text-decoration:none;color:var(--element-color);background-color:#fff;padding:12px 32px;border-radius:12px;font-weight:700;transition:var(--transition);box-shadow:0 4px 12px #0003}.overlay-button:hover{background-color:#f8f8f8;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--element-color);outline-offset:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}.nav-links a:focus-visible{background:#71afcf33;border-radius:4px;padding:.5rem .75rem;margin:-.5rem -.75rem}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:2px solid white;outline-offset:2px}.project-item:focus-visible,.project-card:focus-visible,.certificate-card:focus-visible{outline:2px solid var(--element-color);outline-offset:2px}