:root{--bg-dark: rgb(11,26,51);--bg-dark-2: rgb(15,36,72);--primary: rgb(31,111,255);--primary-contrast: rgb(167,196,255);--text: rgb(230,236,255);--text-muted: rgb(184,196,214);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text);background-color:var(--bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary);text-decoration:inherit}a:hover{color:var(--primary-contrast)}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,var(--bg-dark),var(--bg-dark-2))}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:var(--primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}html,body{margin:0;padding:0}:root{--container-padding-x: 1.5rem}#root{max-width:1280px;margin:0 auto;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.67))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.67))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:none}}.card{padding:2em}.read-the-docs{color:#888}.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1024px;width:90%;margin:0 auto;padding:var(--container-padding-x);text-align:left;flex:1 1 auto}.page{padding-left:0;padding-right:0}.accent-cyan{color:#2dd4bf;font-weight:600}.page.center{display:grid;place-items:center;text-align:center}.navbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem var(--container-padding-x);border-bottom:1px solid rgba(100,108,255,.2);background:#2dd4bf14;position:sticky;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000}.navbar .brand{font-weight:700;letter-spacing:.2px}.navbar .links{display:flex;flex-wrap:wrap;gap:.75rem 1rem}.navbar .menu-toggle{display:none;align-items:center;justify-content:center;padding:.4rem .6rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#2dd4bf1a;color:#2dd4bf;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease}.navbar .menu-toggle:hover{transform:scale(1.05) translateY(-1px);background:#2dd4bf29}@media (max-width: 768px){.navbar .links{position:absolute;top:calc(100% + 8px);left:12px;right:12px;display:none;flex-direction:column;gap:.5rem;padding:.5rem;background:#0b1a33eb;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 8px 24px #00000059;z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.navbar .links.open{display:flex}.navbar .menu-toggle{display:inline-flex}.navbar .links a{width:100%;padding:.5rem .75rem;border-radius:8px}}.navbar a{color:#2dd4bf;opacity:.95;display:inline-flex;align-items:center;gap:.25rem;transition:transform .16s ease,background .16s ease,color .16s ease;border-radius:6px;padding:.25rem .5rem}.navbar a .label{margin-top:3px;display:inline-block}.navbar a:hover{transform:scale(1.07) translateY(-2px);color:#2dd4bf;background:#2dd4bf29}.navbar a:active{transform:scale(1.03) translateY(-1px)}.navbar a.active{color:#646cff;font-weight:600}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#2dd4bf1a;color:#2dd4bf;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease;position:relative}.btn .label{margin-top:4px;display:inline-block}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn:hover{border-color:var(--primary);transform:scale(1.07) translateY(-2px);box-shadow:0 8px 20px #646cff47;color:#2dd4bf;background:#2dd4bf29}.btn:active{transform:scale(1.03) translateY(-1px);box-shadow:0 4px 12px #646cff40}.hero-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.hero-header h1{margin:0}.hero-avatar{width:140px;height:140px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background-color:var(--bg-dark-2);display:grid;place-items:center;box-sizing:border-box;padding:4px;overflow:hidden}.hero-avatar img{width:100%;height:100%;object-fit:cover;transform:scale(.75,.9)}.hero-header img{border-radius:50%;border:1px solid rgba(255,255,255,.15);width:130px;height:130px;box-sizing:border-box;object-fit:fill;object-position:top center;background-color:var(--bg-dark-2)}@media (max-width: 640px){:root{--container-padding-x: 1rem}.hero-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.12);text-align:center;opacity:.9;background:linear-gradient(180deg,#0f24488c,#0b1a3359)}.footer .brand{display:flex;align-items:center;gap:.5rem}.footer .links{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.5rem}.footer .links .btn{background:#2dd4bf1a;color:#2dd4bf}.footer .links .btn:hover{background:#2dd4bf29;color:#2dd4bf}.footer small{color:var(--text-muted)}.navbar a:after,.btn:after{content:"";display:block;position:absolute;inset:auto 0 -2px;height:2px;background:#2dd4bf;opacity:0;transform:scaleX(0);transition:opacity .2s ease,transform .2s ease}.navbar a:hover:after,.btn:hover:after{opacity:1;transform:scaleX(1)}.about h2{margin-bottom:.75rem}.about p{margin:.5rem 0}.tech-section{margin-top:1.25rem}.tech-grid{display:flex;flex-wrap:wrap;gap:.75rem}.tech{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#1f6fff1a;color:inherit;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease;position:relative}.tech .label{margin-top:3px;display:inline-block}.tech .icon{width:22px;height:22px}.tech:hover{transform:scale(1.07) translateY(-2px);box-shadow:0 8px 20px #0000002e,0 2px 6px #0000001f;background:#1f6fff29}.tech:active{transform:scale(1.03) translateY(-1px);box-shadow:0 5px 14px #00000029,0 1px 4px #0000001f}.tech.react{background:#61dafb1f;color:#61dafb}.tech.react:hover{background:#61dafb2e}.tech.router{background:#ca42451f;color:#ca4245}.tech.router:hover{background:#ca42452e}.tech.vite{background:#646cff1f;color:#646cff}.tech.vite:hover{background:#646cff2e}.tech.ts{background:#3178c61f;color:#3178c6}.tech.ts:hover{background:#3178c62e}.tech.eslint{background:#4b32c31f;color:#4b32c3}.tech.eslint:hover{background:#4b32c32e}.tech.plugin-react{background:#61dafb1f;color:#61dafb}.tech.plugin-react:hover{background:#61dafb2e}.tech.node{background:#3c873a1f;color:#3c873a}.tech.node:hover{background:#3c873a2e}.tech.java{background:#0073961f;color:#007396}.tech.java:hover{background:#0073962e}.tech.play{background:#64b1611f;color:#64b161}.tech.play:hover{background:#64b1612e}.tech.python{background:#3776ab1f;color:#3776ab}.tech.python:hover{background:#3776ab2e}.tech.django{background:#0073551f;color:#007355}.tech.django:hover{background:#0073552e}.tech.angular{background:#e343341f;color:#e34334}.tech.angular:hover{background:#e343342e}.tech.javascript{background:#f1e05a1f;color:#f1e05a}.tech.javascript:hover{background:#f1e05a2e}.tech.jquery{background:#1b75bb1f;color:#1b75bb}.tech.jquery:hover{background:#1b75bb2e}.tech.html{background:#e34c261f;color:#e34c26}.tech.html:hover{background:#e34c262e}.tech.css{background:#264de41f;color:#264de4}.tech.css:hover{background:#264de42e}.tech.mysql{background:#00758f1f;color:#00758f}.tech.mysql:hover{background:#00758f2e}.tech.tortoisesvn{background:#5483bf1f;color:#5483bf}.tech.tortoisesvn:hover{background:#5483bf2e}.tech.svn{background:#5483bf1f;color:#5483bf}.tech.svn:hover{background:#5483bf2e}.tech.navicat{background:#ff95001f;color:#ff9500}.tech.navicat:hover{background:#ff95002e}.tech.firebase{background:#ffca281f;color:#ffca28}.tech.firebase:hover{background:#ffca282e}.tech-section .tech-carousel{--visible: 6;--gap: 12px;--fade-width: 140px;position:relative;overflow:hidden;padding:8px 0;mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0) var(--fade-width),rgba(0,0,0) 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0) var(--fade-width),rgba(0,0,0) 100%)}.tech-section .tech-track{display:flex;gap:var(--gap);flex-wrap:nowrap;will-change:transform;animation:none}.tech-section .tech-carousel:hover .tech-track{animation-play-state:paused}.tech-section .tech-carousel .tech{flex:0 0 calc((100% - (var(--gap) * (var(--visible) - 1))) / var(--visible))}@keyframes tech-marquee{0%{transform:translate(0)}to{transform:translate(var(--marquee-end, -50%))}}.projects{margin-top:1rem}.page.projects{display:block}@media (max-width: 640px){.page.projects,.page{padding-left:0;padding-right:0}.project-container{width:100%;box-sizing:border-box;margin-left:0;margin-right:0}.project-container{padding-top:.9rem;padding-bottom:.9rem;padding-right:.9rem;padding-left:0;border-radius:12px}.project-container h2{font-size:1.35rem;line-height:1.45rem}.project-container p{font-size:.98rem;line-height:1.6rem}.img-container img{width:100%;padding-right:0}}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;align-items:stretch}.project-card{display:grid;grid-template-rows:auto 1fr auto;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#646cff0f;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.project-card:hover{transform:scale(1.03) translateY(-2px);box-shadow:0 8px 20px #0000002e,0 2px 6px #0000001f;border-color:#646cff59;background:#646cff1f}.project-thumb{height:160px;background:linear-gradient(180deg,#0f24488c,#0b1a3359);display:grid;place-items:center}.project-thumb img{width:100%;height:100%;object-fit:cover}.thumb-fallback{width:100%;height:100%;display:grid;place-items:center;font-weight:700;font-size:2rem;color:#646cff}.project-info{padding:.75rem .9rem}.project-title{margin:0 0 .25rem;font-size:1.05rem;line-height:1.35rem}.project-title .badge{margin-left:.5rem;font-size:.72rem;padding:.12rem .45rem;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#bbb;vertical-align:middle}.project-title .badge.local{background:#2dd4bf1f;border-color:#2dd4bf59;color:#2dd4bf}.project-desc{margin:0;color:#9aa4b2}.project-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.tag{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#646cff1a;color:#646cff;font-size:.75rem}.project-actions{display:flex;gap:.5rem;padding:0 .9rem .9rem}.diplomas{margin-top:1rem}.diploma-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.diploma-card{display:grid;grid-template-rows:220px 1fr auto;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0b1a3359;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.diploma-card:hover{transform:scale(1.03) translateY(-2px);box-shadow:0 8px 20px #0000002e,0 2px 6px #0000001f;border-color:#2dd4bf59;background:#0f24488c}.diploma-thumb{height:220px;display:grid;place-items:center;background:linear-gradient(180deg,#0f24488c,#0b1a3359);overflow:hidden}.diploma-thumb img{width:100%;height:100%;object-fit:contain;display:block}.diploma-info{padding:.75rem .9rem}.diploma-title{margin:0 0 .25rem;font-size:1.05rem;line-height:1.35rem}.diploma-meta{color:#9aa4b2}.diploma-actions{display:flex;gap:.5rem;padding:0 .9rem .9rem}.diploma-actions .btn{background:#2dd4bf1a;border-color:#2dd4bf40;color:#2dd4bf}.diploma-actions .btn:hover{background:#2dd4bf29;border-color:#2dd4bf59;color:#2dd4bf}.pdf-preview{width:100%;height:100%;display:block;border:none;background:transparent}.pdf-fallback{display:grid;place-items:center;width:100%;height:100%}@media (max-width: 640px){.diploma-thumb{height:140px;overflow:hidden}.diploma-card{grid-template-rows:140px 1fr auto}}.tech-section .tech-track{animation:tech-marquee var(--marquee-duration, 30s) linear infinite}.project-container{margin-top:1rem;background:#646cff0f;padding:1rem;border-radius:12px;width:100%;margin-left:0;margin-right:0}.project-container .project-title,.project-container p{margin-bottom:1rem}.img-container{width:100%;margin:10px auto;padding:0;border-radius:12px;display:block;clear:both}.img-container img{width:100%;height:auto;display:block;margin:0;padding:0}.project-title{text-align:center;font-size:1.5rem}