:root{--bg-color: #1e1e2e;--text-color: #cdd6f4;--accent-color: #cba6f7;--secondary-accent: #89b4fa;--dim-color: #45475a;--before-color: #cba6f7;--card-bg: #313244;--font-mono: "Fira Code", monospace;--font-sans: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden}h1,h2,h3,.logo,.nav-links a,.btn{font-family:var(--font-mono)}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000001a 50%,#0000001a);background-size:100% 4px;pointer-events:none;z-index:9999;opacity:.3}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:.3}header{padding:1.5rem 0;position:fixed;width:100%;top:0;background-color:#0a0a0ae6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10002;border-bottom:1px solid var(--dim-color)}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-family:Cascadia Code,monospace;font-weight:700;font-size:1.2rem;color:var(--accent-color)}.cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:.9rem;color:var(--text-color)}.nav-links a:hover{color:var(--accent-color)}.lang-switch{color:var(--secondary-accent)!important;font-weight:700}#hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:80px}.prompt{color:var(--secondary-accent);margin-bottom:1rem;font-family:var(--font-mono)}h1{font-size:3.5rem;margin-bottom:.5rem;color:var(--text-color);text-shadow:0 0 5px rgba(199,146,234,.3);min-height:4.5rem}.subtitle{font-size:1.2rem;color:#888;margin-bottom:2rem;font-weight:400}.profile-avatar{display:block;margin:0 auto 2rem;border-radius:50%;aspect-ratio:1 / 1;object-fit:cover;border:3px solid var(--accent-color);box-shadow:0 0 20px #c792ea4d;position:relative;z-index:10000}.cta-group{display:flex;gap:1rem;justify-content:center}.btn{padding:.8rem 1.5rem;border:1px solid var(--accent-color);color:var(--accent-color);font-weight:600;cursor:pointer;transition:all .3s ease}.btn.primary{background-color:#c792ea1a}.btn.primary:hover{background-color:var(--accent-color);color:var(--bg-color);box-shadow:0 0 15px var(--accent-color)}.select-wrapper{position:relative;display:inline-block}.select-wrapper:after{content:"";position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:1em;height:1em;background-color:var(--accent-color);-webkit-mask-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");mask-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none}#theme-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--bg-color);color:var(--text-color);border:1px solid transparent;padding:.2rem 1.8rem .2rem .5rem;font-family:Fira Code,monospace;font-size:.9rem;cursor:pointer;outline:none;border-radius:4px;width:100%}#theme-select:hover,#theme-select:focus{border-color:var(--accent-color);box-shadow:0 0 5px var(--accent-color)}#theme-select option{background-color:var(--bg-color);color:var(--text-color)}.btn.secondary{border-color:var(--dim-color);color:#888}.btn.secondary:hover{border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 0 10px #c792ea33}.section{padding-top:5rem;padding-bottom:5rem}.section-title{font-size:2rem;margin-bottom:3rem;color:var(--accent-color);border-bottom:1px solid var(--dim-color);padding-bottom:.5rem;display:inline-block}.about-actions{text-align:center;margin-top:2rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-category h3{color:var(--secondary-accent);margin-bottom:1rem;border-left:3px solid var(--secondary-accent);padding-left:1rem}.skill-category ul li{margin-bottom:.5rem;color:#ccc}.skill-category ul li:before{content:"> ";color:var(--before-color)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background-color:var(--card-bg);border:1px solid var(--dim-color);padding:1.5rem;display:flex;flex-direction:column;height:100%;transition:transform .3s ease,border-color .3s ease}.project-card:hover{transform:translateY(-5px);border-color:var(--accent-color)}.card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.folder-icon{font-size:1.5rem}.project-card h3{color:var(--text-color)}.project-card p{color:#888;margin-bottom:1.5rem;font-size:.95rem}.tags{margin-top:auto;display:flex;flex-wrap:wrap;gap:.5rem}.tags span{font-size:.8rem;color:var(--secondary-accent);font-family:var(--font-mono)}.contact-wrapper{text-align:center}.email-link{display:block;width:fit-content;margin:2rem auto;font-size:1.5rem;color:var(--accent-color);font-family:var(--font-mono)}.email-link:hover{color:var(--accent-color)}.contact-actions{display:flex;justify-content:center;margin-bottom:2rem}.contact-form,.content-card{max-width:800px;margin:0 auto 3rem;text-align:left;background:var(--card-bg);padding:2rem;border:1px solid var(--dim-color);border-radius:8px}.content-card{text-align:left}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--secondary-accent);font-family:var(--font-mono);font-size:.9rem}.form-control{width:100%;padding:.8rem;background:var(--bg-color);border:1px solid var(--dim-color);color:var(--text-color);font-family:inherit;border-radius:4px;transition:border-color .3s ease}.form-control:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 5px #c792ea4d}textarea.form-control{min-height:120px;resize:vertical}.education-list{list-style:none;max-width:600px;margin:0 auto;text-align:left}.education-list li{display:flex;align-items:flex-start;margin-bottom:1rem;font-size:1.1rem;color:var(--text-color);padding:1.2rem;background-color:var(--card-bg);border:1px solid var(--dim-color);transition:all .3s ease}.formation-content{flex-grow:1}.formation-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:.3rem}.formation-title{color:var(--accent-color);font-weight:700;font-size:1.2rem}.formation-date{font-size:.9rem;opacity:.8;font-style:italic}.formation-institution{font-size:1rem;opacity:.9;margin-bottom:.5rem}.formation-description{font-size:.9rem;opacity:.7;line-height:1.5;white-space:pre-wrap;padding-top:.5rem;border-top:1px dashed var(--dim-color)}.education-list li:hover{border-color:var(--accent-color);transform:translateY(-5px)}.education-list .prompt{color:var(--accent-color);margin-right:1rem;font-weight:700;flex-shrink:0}.social-links{display:flex;justify-content:center;gap:2rem}.social-links a{color:#888}.social-links a:hover{color:var(--accent-color)}footer{padding:2rem 0;text-align:center;border-top:1px solid var(--dim-color);margin-top:3rem;color:#666;font-size:.9rem;font-family:var(--font-mono)}.status-online{color:var(--accent-color);font-weight:700}@media(max-width:768px){.container{padding:0 1.5rem}.section{padding-top:3rem;padding-bottom:3rem}.scanline{opacity:.15}.nav-links{display:none}h1{font-size:2rem;text-shadow:0 0 2px rgba(199,146,234,.3)}.mobile-toggle{display:block;cursor:pointer;padding:10px}.mobile-toggle span{display:block;width:25px;height:3px;margin:5px auto;background-color:var(--text-color);transition:all .3s ease}.mobile-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-links{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--bg-color);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;transform:translate(100%);transition:transform .3s ease;border-bottom:none;gap:2rem;box-shadow:none;z-index:10001}.nav-links.active{transform:translate(0)}.nav-links a{font-size:1.5rem;padding:10px;display:block}}.project-details{margin-top:1rem;margin-bottom:1.5rem;font-size:.9rem;color:var(--text-color);list-style:none}.project-details li{margin-bottom:.5rem;line-height:1.4;padding-left:1rem;position:relative}.project-details li:before{content:"-";position:absolute;left:0;color:var(--accent-color)}.project-details strong{color:var(--secondary-accent)}.future-card{opacity:.8;border-style:dashed!important}.future-card:hover{opacity:1;border-style:solid!important}#scroll-to-top{position:fixed;bottom:30px;right:30px;background:var(--surface0);color:var(--primary);border:1px solid var(--primary);width:50px;height:50px;border-radius:50%;font-size:1.5rem;cursor:pointer;opacity:0;pointer-events:none;transition:all .3s ease;z-index:10006;box-shadow:0 4px 15px #0000004d;display:flex;align-items:center;justify-content:center;font-family:inherit}#scroll-to-top.visible{opacity:1;pointer-events:all;transform:translateY(0)}#scroll-to-top:hover{background:var(--primary);color:var(--base);transform:translateY(-5px);box-shadow:0 0 20px var(--primary-dim)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.blog-card{background-color:var(--card-bg);border:1px solid var(--dim-color);padding:1.5rem;border-radius:8px;display:flex;flex-direction:column;transition:transform .3s ease,border-color .3s ease}.blog-card:hover{transform:translateY(-5px);border-color:var(--accent-color)}.blog-date{font-size:.8rem;color:var(--secondary-accent);margin-bottom:.5rem;font-family:var(--font-mono)}.blog-card h3{margin-bottom:1rem;color:var(--text-color)}.blog-card p{color:#bbb;margin-bottom:1.5rem;flex-grow:1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10005;display:none;align-items:center;justify-content:center}.modal-content{background:var(--bg-color);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;border-radius:12px;border:1px solid var(--accent-color);padding:2rem;position:relative;box-shadow:0 0 30px #00000080}.modal-close{position:absolute;top:1rem;right:1.5rem;background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer}.modal-close:hover{color:var(--accent-color)}.article-content{line-height:1.8;color:#ddd}.article-content h2,.article-content h3{color:var(--accent-color);margin-top:1.5rem;margin-bottom:1rem}.article-content img{max-width:100%;border-radius:8px;margin:1rem 0}.article-content a{color:var(--secondary-accent);text-decoration:underline}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}