@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#f8fafc;background-color:#0b0f19;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg-primary: #0b0f19;--color-bg-secondary: #111827;--color-card-bg: rgba(17, 24, 39, .7);--color-card-border: rgba(255, 255, 255, .08);--color-primary: #38bdf8;--color-secondary: #818cf8;--color-accent: #f43f5e;--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--color-text-dim: #64748b;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .3);--shadow-glow: 0 0 25px rgba(56, 189, 248, .25);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px}body.light-theme{color-scheme:light;color:#0f172a;background-color:#f8fafc;background-image:radial-gradient(at 0% 0%,rgba(56,189,248,.12) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(129,140,248,.12) 0px,transparent 50%);--color-bg-primary: #f8fafc;--color-bg-secondary: #ffffff;--color-card-bg: rgba(255, 255, 255, .85);--color-card-border: rgba(15, 23, 42, .1);--color-primary: #0284c7;--color-secondary: #4f46e5;--color-accent: #e11d48;--color-text-main: #0f172a;--color-text-muted: #475569;--color-text-dim: #94a3b8;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-glow: 0 0 25px rgba(2, 132, 199, .15)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif;scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}#root{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem;color:var(--color-text-main)}body{background-color:var(--color-bg-primary);background-image:radial-gradient(at 0% 0%,rgba(56,189,248,.08) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(129,140,248,.08) 0px,transparent 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}a{font-weight:500;color:var(--color-primary);text-decoration:none;transition:all .25s ease}a:hover{color:#7dd3fc}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:-.02em}button{border-radius:var(--radius-md);border:1px solid var(--color-card-border);padding:.75em 1.5em;font-size:1rem;font-weight:600;font-family:Outfit,sans-serif;background-color:var(--color-bg-secondary);color:var(--color-text-main);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}button:hover{transform:translateY(-2px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.title-page{font-size:3rem;font-weight:800;font-family:Outfit,sans-serif;background:linear-gradient(135deg,var(--color-text-main) 0%,var(--color-primary) 50%,var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;text-align:center;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.title-page:after{content:"";position:absolute;bottom:-8px;left:30%;width:40%;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);border-radius:2px}@media (max-width: 768px){#root{padding:0 1rem}.title-page{font-size:2.2rem}}.navbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem 1.2rem;background:var(--color-card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);position:sticky;top:.8rem;z-index:999;box-shadow:var(--shadow-md);transition:background-color .3s ease,border-color .3s ease}.navbar-brand{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #38bdf859}.navbar-brand:hover{transform:scale(1.08);box-shadow:0 4px 16px #38bdf880}.list-link{display:flex;flex-direction:row;align-items:center;gap:.1rem;margin:0;padding:0;flex:1}.nav-link{list-style:none}.nav-link a{color:var(--color-text-muted);padding:.42rem .85rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;font-weight:500;letter-spacing:.015em;white-space:nowrap;transition:color .22s ease,background .22s ease;position:relative}.nav-link a:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:2px;transition:transform .25s ease}.nav-link a:hover{color:var(--color-primary);background:#38bdf814}.nav-link a:hover:after{transform:translate(-50%) scaleX(1)}.nav-icon{font-size:1.2rem;display:none;line-height:1}.nav-label{display:inline}.controls-navbar{flex-shrink:0;display:flex;align-items:center;gap:.4rem}.lang-switcher{display:flex;align-items:center;gap:1px;background:#ffffff0d;border:1px solid var(--color-card-border);border-radius:6px;padding:.18rem .5rem}.lang-switcher button{background:transparent;border:none;padding:.15rem .35rem;font-size:.76rem;font-weight:700;color:var(--color-text-muted);cursor:pointer;border-radius:4px;letter-spacing:.05em;transition:all .2s ease}.lang-switcher button:hover{color:var(--color-primary)}.lang-switcher button.active-lang{color:var(--color-primary);background:#38bdf826}.lang-divider{color:var(--color-card-border);font-size:.65rem;-webkit-user-select:none;user-select:none}.theme-toggle-btn{background:#ffffff0d;border:1px solid var(--color-card-border);padding:.35rem .4rem;font-size:1.05rem;color:var(--color-text-muted);cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.theme-toggle-btn:hover{color:var(--color-primary);border-color:var(--color-primary);transform:rotate(15deg) scale(1.1)}.social-navbar--inline{display:flex;align-items:center;gap:.1rem;padding-left:.4rem;border-left:1px solid var(--color-card-border);margin-left:.1rem}.social-icon-btn{color:var(--color-text-muted);padding:.3rem .38rem;border-radius:var(--radius-sm);display:flex;align-items:center;font-size:1.2rem;transition:all .22s ease}.social-icon-btn:hover{color:var(--color-primary);transform:translateY(-2px)}.social-dock{display:none}@media (max-width: 880px){.navbar{padding:.5rem .9rem;top:.5rem}.social-navbar--inline{display:none}.nav-link a{padding:.38rem .6rem;font-size:.83rem}}@media (max-width: 600px){.navbar{padding:.5rem .7rem;border-radius:var(--radius-md);top:.4rem;gap:.3rem}.nav-label{display:none}.nav-icon{display:block}.nav-link a:after{display:none}.nav-link a{padding:.38rem .45rem;border-radius:var(--radius-sm)}.list-link{gap:0}.lang-switcher{padding:.15rem .35rem}.lang-switcher button{padding:.12rem .28rem;font-size:.7rem}.theme-toggle-btn{font-size:.95rem;padding:.3rem .35rem}.social-dock{display:flex;flex-direction:column;align-items:center;gap:.45rem;position:fixed;bottom:1.8rem;right:.9rem;z-index:1100;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:2rem;padding:.65rem .42rem;box-shadow:0 6px 24px #0000004d,0 2px 6px #00000026,inset 0 1px #ffffff0f;animation:dockSlideIn .45s cubic-bezier(.34,1.56,.64,1) both}.social-dock a{display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;font-size:1.12rem;color:var(--color-text-muted);background:#38bdf80f;transition:all .22s ease;text-decoration:none}.social-dock a:hover{background:#38bdf833;color:var(--color-primary);transform:scale(1.12)}}@keyframes dockSlideIn{0%{opacity:0;transform:translate(20px) scale(.88)}to{opacity:1;transform:translate(0) scale(1)}}.home{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:5rem 1rem 3rem;text-align:center;position:relative}.description-home{display:flex;flex-direction:column;align-items:center;max-width:800px;text-align:center}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);border-radius:30px;font-size:.9rem;font-weight:500;color:var(--color-primary);margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-pulse{width:8px;height:8px;background-color:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.description-home h3{margin-bottom:1rem;font-size:3.6rem;font-weight:800;color:var(--color-text-main);line-height:1.15}.description-home h3 span{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.description-home h5{margin-bottom:1.5rem;color:var(--color-primary);font-size:1.6rem;font-weight:600;letter-spacing:.02em}.description-home p{color:var(--color-text-muted);font-size:1.15rem;line-height:1.8;margin-bottom:2.5rem;max-width:680px}.home-button{display:flex;gap:1.2rem;align-items:center;justify-content:center}.btn-primary{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;font-weight:600;padding:.9rem 2rem;border-radius:var(--radius-md);box-shadow:var(--shadow-glow);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #38bdf873;color:#fff}.btn-primary svg{transition:transform .3s ease}.btn-primary:hover svg{transform:translate(4px)}.btn-secondary{display:inline-flex;align-items:center;background:var(--color-card-bg);color:var(--color-text-main);font-weight:500;padding:.9rem 2rem;border-radius:var(--radius-md);border:1px solid var(--color-card-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.btn-secondary:hover{background:#ffffff1f;border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}@media (max-width: 768px){.home{min-height:70vh;padding-top:3rem}.description-home h3{font-size:2.3rem}.description-home h5{font-size:1.25rem}.description-home p{font-size:1rem}.home-button{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.about{padding:4rem 1rem;position:relative}.description-about{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:3rem;background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:3rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-md)}.my-profil{width:35%;display:flex;justify-content:center;position:relative}.my-profil:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-lg);filter:blur(15px);opacity:.4;z-index:0}.my-profil img{width:100%;max-width:280px;border-radius:var(--radius-md);object-fit:cover;position:relative;z-index:1;border:1px solid rgba(255,255,255,.15);transition:transform .4s ease}.my-profil:hover img{transform:scale(1.03)}.my-description{width:65%;text-align:left}.my-description p{font-size:1.05rem;line-height:1.8;color:var(--color-text-muted)}.my-description p span{font-weight:700;color:var(--color-primary)}.my-description p strong{color:var(--color-text-main)}.Download-button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:1rem}@media (max-width: 900px){.description-about{flex-direction:column;padding:2rem 1.5rem;gap:2rem}.my-profil{width:60%}.my-description{width:100%}}@media (max-width: 650px){.my-profil{display:none}.my-description{width:100%;text-align:center}.description-about{padding:1.8rem 1.2rem;gap:1rem}}.skills{padding:4rem 1rem}.skills-descritpion{display:flex;flex-direction:column;gap:2.5rem}.stack{padding:0}.stack fieldset{border:1px solid var(--color-card-border);border-radius:var(--radius-lg);background:var(--color-card-bg);padding:2rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-sm);transition:all .3s ease}.stack fieldset:hover{border-color:#38bdf833}.stack-title{text-align:start;color:var(--color-primary);font-weight:700;font-size:1.4rem;padding:0 .8rem}.module-group{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.module{display:inline-flex;align-items:center;gap:10px;background:#ffffff0a;border:1px solid var(--color-card-border);border-radius:var(--radius-sm);padding:.7rem 1.2rem;transition:all .25s ease}.module:hover{background:#38bdf81f;border-color:#38bdf866;transform:translateY(-2px);box-shadow:0 4px 15px #38bdf826}.logo{display:none}.name-module{color:var(--color-text-main);font-size:.95rem;font-weight:500;margin-top:0}@media (max-width: 768px){.stack fieldset{padding:1.2rem}.stack-title{font-size:1.1rem}.module-group{gap:.6rem}.module{padding:.5rem .9rem}.name-module{font-size:.85rem}}.contact{padding:4rem 1rem 2rem}.box-contact{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.5rem;padding:2rem 1rem;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:12px;background:var(--color-card-bg);border:1px solid var(--color-card-border);padding:1rem 1.8rem;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.contact-link:hover{transform:translateY(-3px);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.contact-link h3{font-weight:500;font-size:1rem;color:var(--color-text-main);margin:0}.contact-icon{width:26px;height:26px}.footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-card-border)}.footer h3{color:var(--color-text-dim);font-size:.9rem;font-weight:400}@media (max-width: 768px){.box-contact{flex-direction:column;align-items:stretch}.contact-link{justify-content:center}}.education{display:flex;flex-direction:column;padding:4rem 1rem}.education-section{margin-bottom:3.5rem}.section-subtitle{font-size:1.6rem;font-weight:700;color:var(--color-primary);margin-bottom:2rem;display:flex;align-items:center;gap:12px;padding-bottom:.5rem;border-bottom:1px solid var(--color-card-border)}.education-description{display:flex;flex-direction:column;padding:0 5%}.degree{display:grid;grid-template-columns:180px 1fr;grid-template-rows:auto auto auto;margin-bottom:1.5rem;padding:1.8rem;border-radius:var(--radius-md);background:var(--color-card-bg);border:1px solid var(--color-card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.degree:hover{transform:translateY(-3px);border-color:#38bdf84d;box-shadow:var(--shadow-glow)}.degree-date{grid-column:1 / 2;grid-row:1 / 4;font-size:1.05rem;font-weight:600;color:var(--color-primary);text-align:start;padding-right:1.5rem;border-right:2px solid rgba(56,189,248,.2);display:flex;align-items:flex-start;padding-top:2px}.degree-name{grid-column:2 / 3;grid-row:1 / 2;color:var(--color-text-main);font-size:1.25rem;font-weight:700;text-align:start;padding-left:1.5rem}.degree-school{grid-row:2 / 3;grid-column:2 / 3;color:var(--color-text-muted);font-size:1rem;font-weight:500;text-align:start;padding-left:1.5rem;margin-top:4px}.degree-details{grid-row:3 / 4;grid-column:2 / 3;padding-left:1.5rem;margin-top:1rem}.degree-details ul{list-style-type:none;padding-left:0;margin:0}.degree-details li{color:var(--color-text-muted);font-size:.98rem;margin-bottom:8px;line-height:1.6;position:relative;padding-left:20px}.degree-details li:before{content:"▹";position:absolute;left:0;color:var(--color-primary);font-weight:700}@media (max-width: 768px){.education-description{padding:0}.degree{grid-template-columns:1fr;padding:1.2rem}.degree-date{grid-column:1;grid-row:1;border-right:none;border-bottom:1px solid rgba(56,189,248,.2);padding-right:0;padding-bottom:8px;margin-bottom:12px}.degree-name,.degree-school,.degree-details{grid-column:1;padding-left:0}.degree-name{grid-row:2;font-size:1.1rem}.degree-school{grid-row:3}.degree-details{grid-row:4}}