@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";
.windows-portfolio{color:#fff;background:#1461b5;padding:2rem}
:root{--primary:#2d3748;--secondary:#1a202c;--accent:#00d4ff;--success:#48bb78;--warning:#ed8936;--danger:#f56565;--dark-bg:#0f1419;--card-bg:#1a202c;--border-color:#313a46;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--terminal-font:"Fira Code", "Courier New", monospace;--body-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:var(--dark-bg);color:var(--text-primary);font-family:var(--body-font);line-height:1.6}.initial-overlay{background:var(--dark-bg);z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-out;display:flex;position:fixed;top:0;left:0}.initial-terminal{border:1px solid var(--accent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border-radius:8px;width:80%;max-width:800px;overflow:hidden;box-shadow:0 4px 20px #00d4ff33}.initial-terminal .terminal-content{font-family:var(--terminal-font);padding:1.5rem;font-size:1rem}.terminal-input{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.terminal-input input{color:var(--text-primary);font-family:var(--terminal-font);background:0 0;border:none;outline:none;width:0;font-size:1rem;transition:width .3s}.terminal-input input:focus{width:200px}.blinking-cursor{animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.terminal-hint{border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);margin-top:1.5rem;padding-top:1rem;font-size:.9rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.hint-text{align-items:center;gap:.5rem;display:inline-flex}kbd{border:1px solid var(--accent);font-family:var(--terminal-font);color:var(--accent);cursor:pointer;background:#00d4ff1a;border-radius:4px;padding:.2rem .5rem;font-size:.9em;box-shadow:0 0 5px #00d4ff4d}.main-content{opacity:0;transition:opacity .5s ease-in}.main-content.hidden{display:none}.theme-toggle{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;z-index:1000;border-radius:25px;align-items:center;width:50px;height:25px;padding:3px;transition:all .3s;display:flex;position:fixed;top:1rem;right:1rem;box-shadow:0 1px 3px #0000001a}.toggle-slider{background:var(--accent);border-radius:50%;width:20px;height:20px;transition:transform .3s}.toggle-animation{transform:scale(1.1)}.terminal-header{border:1px solid var(--accent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;border-radius:8px;margin-bottom:2rem;overflow:hidden;box-shadow:0 4px 6px #0000001a}.terminal-bar{border-bottom:1px solid var(--accent);background:#0003;gap:.5rem;padding:.5rem 1rem;display:flex}.terminal-header .terminal-content{font-family:var(--terminal-font);padding:1.5rem;font-size:1rem}.terminal-dot{border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;display:flex}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#ffbd2e}.terminal-dot.green{background:#28c940}.main-content .terminal-dot.red,.main-content .terminal-dot.yellow,.main-content .terminal-dot.green{background:0 0!important}.main-content.terminal-dot.green{align-items:end}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.sysadmin-header{background:linear-gradient(0deg,var(--dark-bg) 0%, var(--primary) 100%);padding:3rem 0;font-family:Fira Code,Courier New,monospace;position:relative;overflow:hidden}.sysadmin-header:before{content:"";opacity:.3;background:url("data:image/svg+xml;utf8,<svg width=\"100\" height=\"100\" xmlns=\"http://www.w3.org/2000/svg\"><defs><pattern id=\"grid\" width=\"40\" height=\"40\" patternUnits=\"userSpaceOnUse\"><path d=\"M 40 0 L 0 0 0 40\" fill=\"none\" stroke=\"rgba(0,212,255,0.05)\" stroke-width=\"1\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23grid)\"/></svg>");position:absolute;inset:0}.profile-section{z-index:1;grid-template-columns:150px 1fr;align-items:start;gap:2rem;display:grid;position:relative}.profile-img-container{position:relative}.profile-img{object-fit:cover;border-radius:8px;width:150px;height:150px;transition:transform .3s;box-shadow:1px 5px 10px #292828}.profile-img:hover{transform:scale(1.05)}.status-indicator{border:1px solid var(--dark-bg);background:#28c940;border-radius:50%;width:8px;height:8px;position:absolute;bottom:8px;right:8px}.profile-info h1{color:var(--text-primary);margin-bottom:.5rem;font-size:2.2rem}.subtitle{color:var(--accent);margin-bottom:1rem;font-size:1.1rem}.bio{margin-bottom:1.5rem;line-height:1.7}.bio p{margin-bottom:.5rem}.header-nav{flex-wrap:wrap;gap:1rem;display:flex}.nav-link{border:1px solid var(--accent);color:var(--text-primary);background:#00d4ff1a;border-radius:4px;padding:.6rem 1.2rem;font-size:.9rem;text-decoration:none;transition:all .3s}.nav-link:hover{background:var(--card-bg);box-shadow:0 4px 8px #00d4ff33}.section-header{text-align:center;margin:3rem}.section-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.8rem;display:inline-block;position:relative}.title-underline{background:linear-gradient(90deg, var(--accent), var(--success));border-radius:2px;width:100px;height:3px;margin:0 auto}.expertise-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.expertise-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.expertise-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--success));width:100%;height:3px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.expertise-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 8px 16px #00d4ff1a}.expertise-card:hover:before{transform:scaleX(1)}.card-icon{color:var(--accent);margin-bottom:1rem;font-size:2rem}.expertise-card h3{color:var(--text-primary);margin-bottom:.7rem}.expertise-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.projects-section{margin:4rem 0}.knowledges-row ul li:nth-child(odd){background:#0000001a}.tech-categories{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:5rem 6rem;max-width:800px;margin:4rem auto 0;display:flex}.tech-category{text-align:center;width:200px}.tech-category h4{color:var(--text-primary);margin-bottom:1rem;font-size:.9rem}.tech-category h4 img{display:inline-block}.tech-logos{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.tech-logos img{filter:grayscale()brightness(.7);width:32px;height:32px;transition:transform .3s}.tech-logos img:hover{filter:grayscale(0%)brightness();transform:scale(1.1)}.footer-section{background:linear-gradient(180deg,var(--dark-bg) 0%, var(--primary) 100%);margin-top:4rem;padding:3rem 0 1rem}.footer-content{text-align:center;margin-bottom:2rem}.contact-info{margin-top:2rem}.contact-info p{max-width:800px;margin-bottom:.5rem;margin-left:auto;margin-right:auto}.social-links{justify-content:center;gap:1.5rem;margin:2rem 0;display:flex}.social-link{border:1px solid var(--accent);color:var(--text-primary);background:#00d4ff1a;border-radius:6px;align-items:center;gap:.5rem;padding:.7rem 1.2rem;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{background:var(--accent);color:var(--dark-bg);transform:translateY(-2px)}.social-link img{width:20px;height:20px}.contact-form{border-radius:8px;max-width:500px;margin:0 auto;padding:1.5rem}.footer-bottom{text-align:center;color:var(--text-secondary);margin-top:2rem;padding-top:2rem;font-size:.9rem}.terminal-text{color:var(--success);margin-top:.5rem;font-family:Fira Code,monospace}@media screen and (max-width:567px){.expertise-grid{grid-template-columns:1fr}}@media screen and (max-width:768px){.profile-section{text-align:center;grid-template-columns:1fr}.profile-img-container{margin:0 auto 1.5rem}.section-title{font-size:1.5rem}.tech-categories{grid-template-columns:1fr}.social-links{flex-direction:column;align-items:center}}.initial-overlay{z-index:1000;background:#1a1a1a;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.main-content{opacity:0;animation:.5s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}
.col-project{text-align:left;border:1px solid #0000;border-radius:.5em;flex-flow:column wrap;justify-content:center;align-items:center;gap:1em;margin-bottom:2rem;padding:1.5em 1em;font-weight:500;display:flex;overflow:hidden}.col-project>img{object-fit:contain;border-radius:8px;width:100%;min-width:200px;max-width:300px;height:auto}.col-project>div{border-radius:8px;padding:2.25em 1.5em 1em}.col-project>div>h3{color:var(--text-primary);margin-bottom:1.2rem}.col-project>div>p{color:var(--text-secondary);font-weight:400;display:block}.links-of-project{margin-top:2em}.links-of-project>a{border:1px solid var(--text-secondary);text-align:center;text-transform:uppercase;letter-spacing:3px;border-radius:2em;justify-content:center;align-items:center;gap:1em;max-width:220px;margin:0 auto 1.5em;padding:1em;display:flex}.links-of-project>a:hover{border-color:#f9f9f9}.links-of-project>a>img{width:1.5em}@media screen and (min-width:500px){.col-project{text-align:left;flex-wrap:nowrap;gap:1.5em}.links-of-project>a{margin-right:1em;padding:1em 1.5em;font-size:.8em;display:inline-flex}.links-of-project>a img{display:none}}@media screen and (min-width:768px){.col-project{border:1px solid #0000;flex-flow:row;justify-content:center;align-items:start;gap:1.25em;margin-bottom:2rem;padding:1.5em 1em;font-weight:500;overflow:hidden}.col-project:nth-child(odd)>:first-child{order:1}}@media screen and (min-width:1000px){.col-project>img{outline-offset:-8px;outline:12px solid #0000;min-width:400px}.col-project:hover>img{outline-offset:8px;outline:.3em solid #bcc4c0;transition:all .3s}.links-of-project>a{padding:1em 1.5em;font-size:.7em}.links-of-project>a img{display:initial}}.animated-background{height:400px}.static-background{background-size:800px 104px;height:70px;margin-bottom:20px;position:relative}.shared-dom{width:800px;height:110px}.sub-rect{float:left;border-radius:100%;width:70px;height:70px;margin:20px 20px 20px 0}.projects-error{text-align:center;padding:2em 1em}.projects-error .oups-error{font-size:2em;font-weight:200}.projects-error .nbr-http-error{padding:.5em;font-size:3em;font-weight:700;line-height:.7em;overflow:hidden}.projects-error .nbr-http-error small{font-size:.3em;font-weight:400}
:root{--green:#21e484}textarea:focus,input:focus{outline:none}.form-contact{margin:2em 0}.form-contact>div{border-radius:.4em;justify-content:flex-start;align-items:stretch;display:flex;overflow:hidden}.form-contact>div>input{color:#000;background:var(--text-primary);border:none;flex:0 0 70%;padding:0 2%}.form-contact>div>button{color:#fff;cursor:pointer;text-align:center;background:#000;border:none;flex:0 0 30%;padding:1em;font-weight:400;transition:all .3s}.form-contact>div>button:hover{opacity:.8}.form-contact>.text-code{margin-bottom:1em;font-size:.75em;line-height:1.5em}.form-code{max-width:400px;margin-left:auto;margin-right:auto}.form-message>div{flex-wrap:wrap;justify-content:center;padding:1.5em 0}.text-message{text-align:left;margin-bottom:1em;font-size:.9em}.form-message>div>input,.form-message>div>textarea,.form-message>div>button,.form-message>div>p{flex:0 0 90%}.form-message{max-width:600px}.form-message>div>input{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:.4em;margin-bottom:.75em;padding:.75em .5em;font-size:.85em}.form-message>div>textarea{height:20em;color:var(--text-primary);background:var(--bg-card);border:none;border:1px solid var(--border-color);border-radius:.4em;margin-bottom:.75em;padding:.75em;font-size:.85em;line-height:2em}.form-message>div>button{border-radius:.4em}.error-form{width:100%;color:var(--danger);text-align:left;text-transform:lowercase;gap:.5em;font-size:.95em;background-color:#0000!important;flex-wrap:nowrap!important;align-items:center!important;padding:.75em .5em!important}.error-form-message{width:100%;color:var(--danger);text-transform:lowercase;text-align:left;align-items:center;gap:.5em;padding:0 2.5em 2em;font-size:.7em;display:flex}.loading{margin:3em}.lds-ellipsis{width:80px;height:80px;display:inline-block;position:relative}.lds-ellipsis div{background:var(--green);border-radius:50%;width:13px;height:13px;animation-timing-function:cubic-bezier(0,1,1,0);position:absolute;top:33px}.lds-ellipsis div:first-child{animation:.6s infinite lds-ellipsis1;left:8px}.lds-ellipsis div:nth-child(2){animation:.6s infinite lds-ellipsis2;left:8px}.lds-ellipsis div:nth-child(3){animation:.6s infinite lds-ellipsis2;left:32px}.lds-ellipsis div:nth-child(4){animation:.6s infinite lds-ellipsis3;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}