:root{--bg-primary:#030303;--bg-secondary:#09090b;--bg-tertiary:#18181b;--bg-card:#0e0e11b3;--border-color:#ffffff0f;--border-hover:#ffffff26;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#52525b;--accent-indigo:#6366f1;--accent-violet:#8b5cf6;--accent-amber:#f59e0b;--accent-emerald:#10b981;--glow-gradient:linear-gradient(135deg, var(--accent-indigo), var(--accent-violet));--amber-glow:linear-gradient(135deg, #f59e0b, #d97706);--text-gradient:linear-gradient(to right, #fff, #d4d4d8);--font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Geist Mono", "Fira Code", "Courier New", Courier, monospace;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--transition-bounce:all .5s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:80px;font-size:16px}body{min-height:100vh;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#27272a}a{color:inherit;transition:var(--transition-smooth);text-decoration:none}.grid-overlay{pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#ffffff04 1px,#0000 1px),linear-gradient(#ffffff04 1px,#0000 1px);background-size:50px 50px;position:fixed;inset:0}.spotlight-bg{background:radial-gradient(circle 350px at var(--mouse-x,50%) var(--mouse-y,50%), #6366f112 0%, #8b5cf608 40%, transparent 80%);pointer-events:none;z-index:2;transition:opacity .5s;position:fixed;inset:0}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(14px)saturate(160%);border:1px solid var(--border-color);transition:var(--transition-smooth);border-radius:12px;position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#ffffff05 0%,#0000 100%);position:absolute;inset:0}.glass-card:hover{border-color:var(--border-hover);box-shadow:0 10px 30px -10px #000000b3}.navbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;height:70px;transition:var(--transition-smooth);background:#030303b3;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.logo{font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.5px;align-items:center;font-size:1.25rem;font-weight:700;display:flex}.logo-bracket{color:var(--accent-indigo);transition:var(--transition-smooth)}.logo:hover .logo-bracket{color:var(--accent-violet);text-shadow:0 0 8px #8b5cf680}.nav-links{gap:2rem;display:flex}.nav-link{color:var(--text-secondary);padding:.25rem 0;font-size:.9rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";background:var(--glow-gradient);width:0;height:1px;transition:var(--transition-smooth);position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.lang-switch-btn{border:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:#ffffff05;border-radius:9999px;align-items:center;gap:.25rem;padding:.35rem .75rem;font-size:.72rem;font-weight:600;display:flex}.lang-switch-btn:hover{color:var(--text-primary);background:#ffffff0f;border-color:#fff3}.lang-opt{transition:color var(--transition-smooth)}body.lang-en .lang-opt-en,body.lang-fr .lang-opt-fr{color:var(--accent-indigo);text-shadow:0 0 8px #6366f180}.lang-divider{color:#ffffff26;font-size:.7rem}body.lang-fr .lang-en,body.lang-en .lang-fr{display:none!important}.nav-status{font-size:.75rem;font-family:var(--font-mono);color:var(--accent-emerald);background:#10b9810f;border:1px solid #10b98126;border-radius:9999px;align-items:center;gap:.5rem;padding:.35rem .75rem;display:flex}.status-pulse{background:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 6px var(--accent-emerald);border-radius:50%;position:relative}.status-pulse:after{content:"";background:var(--accent-emerald);border-radius:50%;width:100%;height:100%;animation:1.8s ease-in-out infinite pulse;position:absolute;inset:0}@keyframes pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.main-content{z-index:10;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}section{flex-direction:column;justify-content:center;min-height:calc(100vh - 70px);padding:100px 0;display:flex}.section-header{margin-bottom:4rem}.section-tag{font-family:var(--font-mono);color:var(--accent-indigo);text-transform:uppercase;letter-spacing:2px;margin-bottom:.75rem;font-size:.85rem;display:block}.section-title{color:var(--text-primary);letter-spacing:-.5px;font-size:2.25rem;font-weight:700}.hero-section{padding-top:150px;position:relative}.hero-glow-blob{filter:blur(50px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#6366f114 0%,#8b5cf608 50%,#0000 100%);width:400px;height:400px;animation:20s ease-in-out infinite alternate float-blob;position:absolute;top:15%;left:20%}@keyframes float-blob{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,-20px)scale(1.1)}to{transform:translate(-20px,30px)scale(.9)}}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;width:100%;display:grid}@media (width<=900px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:3rem}}.hero-container{max-width:800px}.hero-image-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.profile-frame{width:300px;height:300px;transition:var(--transition-smooth);background:linear-gradient(135deg,#ffffff1a,#ffffff05);border-radius:24px;padding:1px;position:relative;box-shadow:0 20px 40px -15px #000c}.profile-glow{filter:blur(20px);opacity:.8;z-index:1;pointer-events:none;transition:var(--transition-smooth);background:radial-gradient(circle,#8b5cf626 0%,#0000 70%);position:absolute;inset:-10px}.profile-frame:hover{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);transform:translateY(-5px)}.profile-frame:hover .profile-glow{opacity:1;background:radial-gradient(circle,#6366f140 0%,#0000 70%);inset:-15px}.profile-image{object-fit:cover;z-index:2;background:var(--bg-secondary);border-radius:23px;width:100%;height:100%;position:relative}.badge-container{margin-bottom:1.5rem}.tech-badge-glow{font-family:var(--font-mono);color:var(--accent-amber);letter-spacing:.5px;background:#f59e0b0d;border:1px solid #f59e0b26;border-radius:9999px;padding:.4rem 1rem;font-size:.8rem;display:inline-block;box-shadow:0 0 20px -5px #f59e0b1a}.hero-title{color:var(--text-primary);letter-spacing:-2px;background:var(--text-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:4.5rem;font-weight:800;line-height:1.05}.hero-subtitle{color:var(--text-secondary);letter-spacing:-.5px;margin-bottom:2rem;font-size:2rem;font-weight:500}.hero-bio{color:var(--text-secondary);max-width:650px;margin-bottom:3rem;font-size:1.15rem;line-height:1.6}.hero-ctas{flex-wrap:wrap;gap:1rem;display:flex}.btn{cursor:pointer;transition:var(--transition-smooth);border-radius:8px;align-items:center;gap:.75rem;padding:.8rem 1.6rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-icon{transition:var(--transition-smooth)}.btn-primary{background:var(--text-primary);color:var(--bg-primary);border:1px solid var(--text-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #ffffff26}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff0f;transform:translateY(-2px);box-shadow:0 4px 20px #0006}.btn-tertiary{color:var(--text-secondary);background:0 0;border:1px solid #0000;padding-left:.5rem;padding-right:.5rem}.btn-tertiary:hover{color:var(--text-primary)}.btn-tertiary:hover .btn-icon{transform:translateY(2px)}.timeline-container{max-width:850px;padding-left:2.5rem;position:relative}.timeline-line{background:linear-gradient(180deg, var(--accent-indigo) 0%, var(--bg-tertiary) 100%);opacity:.5;width:2px;position:absolute;top:0;bottom:0;left:6px}.timeline-item{margin-bottom:2rem;position:relative}.timeline-node{background:var(--bg-primary);border:2px solid var(--accent-indigo);z-index:10;width:14px;height:14px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;left:-2.5rem;transform:translate(-50%)}.timeline-node-inner{background:var(--accent-indigo);width:6px;height:6px;transition:var(--transition-smooth);border-radius:50%}.timeline-item:hover .timeline-node{border-color:var(--accent-violet);box-shadow:0 0 10px #8b5cf6cc}.timeline-item:hover .timeline-node-inner{background:var(--accent-violet)}.experience-card{padding:2.25rem}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.role-title{color:var(--text-primary);margin-bottom:.35rem;font-size:1.4rem;font-weight:600}.company-name{color:var(--accent-indigo);font-size:1.05rem;font-weight:500}.duration-badge{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border-color);background:#ffffff08;border-radius:6px;padding:.35rem .85rem;font-size:.8rem}.projects-detail{flex-direction:column;gap:2rem;display:flex}.subproject-title{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.subproject-bullet{font-family:var(--font-mono);color:var(--text-muted);font-size:.85rem}.subproject h5{color:var(--text-primary);font-size:1.05rem;font-weight:600}.subproject-desc{color:var(--text-secondary);padding-left:1.65rem;font-size:.95rem;line-height:1.6}.subproject-desc strong{color:var(--text-primary);font-weight:500}.subproject-duration{font-family:var(--font-mono);color:var(--text-muted);transition:var(--transition-smooth);background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;margin-left:auto;padding:.15rem .5rem;font-size:.72rem}.experience-card:hover .subproject-duration{color:var(--text-primary);background:#6366f10d;border-color:#6366f133}.subproject-tags{flex-wrap:wrap;gap:.4rem;margin-top:.65rem;padding-left:1.65rem;display:flex}.experience-card:hover .tag{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff1a}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;display:grid}.project-card-wrapper{transition:var(--transition-smooth);cursor:pointer;background:0 0;border-radius:12px;padding:1px;position:relative}.project-card-wrapper:hover{background:linear-gradient(135deg,#6366f133,#8b5cf633)}.project-card{border:1px solid var(--border-color);background:#09090b80;flex-direction:column;height:100%;display:flex}.project-card-wrapper:hover .project-card{background:#0e0e11cc;border-color:#0000}.project-glow{background:radial-gradient(120px circle at var(--card-mouse-x,0px) var(--card-mouse-y,0px), #6366f114, transparent 80%);opacity:0;pointer-events:none;z-index:3;transition:opacity .5s;position:absolute;inset:0}.project-card-wrapper:hover .project-glow{opacity:1}.project-card-content{z-index:5;flex-direction:column;height:100%;padding:2.25rem;display:flex}.project-header{align-items:center;gap:1rem;width:100%;margin-bottom:1.25rem;display:flex}.project-icon-wrapper{width:40px;height:40px;color:var(--accent-indigo);transition:var(--transition-smooth);background:#6366f10d;border:1px solid #6366f126;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-card-wrapper:hover .project-icon-wrapper{color:var(--accent-violet);background:#8b5cf614;border-color:#8b5cf640;box-shadow:0 0 10px #8b5cf626}.project-category{font-family:var(--font-mono);color:var(--accent-indigo);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:block}.project-title-container{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.project-title{color:var(--text-primary);letter-spacing:-.25px;font-size:1.25rem;font-weight:600}.project-type-badge{font-family:var(--font-mono);border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff05;border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.65rem;display:inline-flex}.project-type-badge.epitech{color:var(--accent-indigo);background:#6366f10d;border-color:#6366f140}.project-type-badge.personal{color:var(--accent-emerald);background:#10b9810d;border-color:#10b98140}.private-badge{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border-color);background:#ffffff05;border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.65rem;display:inline-flex}.project-header-link{color:var(--text-muted);transition:var(--transition-smooth);z-index:10;justify-content:center;align-items:center;margin-left:auto;padding:.25rem;display:inline-flex}.project-header-link:hover{color:var(--text-primary);filter:drop-shadow(0 0 5px #6366f180);transform:translateY(-2px)}.project-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:2rem;font-size:.95rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tag{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-color);background:#ffffff08;border-radius:4px;padding:.25rem .65rem;font-size:.75rem;font-weight:500}.project-card-wrapper:hover .tag{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff1a}.education-grid{grid-template-columns:1.2fr .8fr;gap:4rem;display:grid}@media (width<=900px){.education-grid{grid-template-columns:1fr;gap:3rem}}.block-title{color:var(--text-primary);margin-bottom:2rem;font-size:1.4rem;font-weight:600}.credential-item{gap:1.5rem;display:flex}.cred-left{flex-direction:column;align-items:center;display:flex}.cred-dot{border:2px solid var(--accent-indigo);background:var(--bg-primary);border-radius:50%;width:10px;height:10px}.cred-dot.text-dot{border-color:var(--text-muted)}.cred-line{background:var(--border-color);flex-grow:1;width:1px;margin:4px 0}.cred-right{flex-grow:1;padding-bottom:2rem}.cred-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.35rem;display:flex}.cred-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.cred-date{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem}.cred-institution{color:var(--text-secondary);font-size:.95rem}.cert-card{background:linear-gradient(135deg,#f59e0b08 0%,#09090bcc 100%);border-color:#f59e0b26;gap:1.5rem;padding:2.25rem;display:flex}.cert-card:hover{border-color:#f59e0b4d;box-shadow:0 10px 30px -10px #f59e0b1a}.cert-glow{background:radial-gradient(150px circle at var(--card-mouse-x,0px) var(--card-mouse-y,0px), #f59e0b0a, transparent 85%);opacity:0;pointer-events:none;z-index:2;transition:opacity .5s;position:absolute;inset:0}.cert-card:hover .cert-glow{opacity:1}.cert-badge-wrapper{background:#f59e0b0d;border:1px solid #f59e0b33;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 0 15px -3px #f59e0b26}.cert-details{flex-direction:column;display:flex}.cert-issuer{font-family:var(--font-mono);color:var(--accent-amber);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-size:.75rem}.cert-name{color:var(--text-primary);margin-bottom:.75rem;font-size:1.15rem;font-weight:600;line-height:1.4}.cert-meta{display:flex}.cert-tag{font-family:var(--font-mono);color:var(--accent-emerald);background:#10b9810d;border:1px solid #10b98126;border-radius:4px;padding:.2rem .5rem;font-size:.7rem}.footer{border-top:1px solid var(--border-color);background:var(--bg-secondary);z-index:20;margin-top:6rem;padding:3rem 0;position:relative}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}@media (width<=768px){.footer-container{text-align:center;flex-direction:column}}.copyright{color:var(--text-muted);font-size:.9rem}.availability-status{font-family:var(--font-mono);color:var(--text-secondary);align-items:center;gap:.65rem;font-size:.8rem;display:flex}.availability-text{letter-spacing:-.2px}.social-links{gap:1rem;display:flex}.social-link-icon{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);background:#ffffff05;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-link-icon:hover{color:var(--text-primary);border-color:var(--border-hover);background:#ffffff0d;transform:translateY(-2px)}.section-reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.section-reveal.active{opacity:1;transform:translateY(0)}@media (width<=768px){html{font-size:14px}.navbar{height:60px}.nav-links{display:none}section{padding:60px 0}.hero-title{letter-spacing:-1.5px;font-size:3.25rem}.hero-subtitle{font-size:1.5rem}.timeline-container{padding-left:1.5rem}.timeline-node{left:-1.5rem}.card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.duration-badge{align-self:flex-start}}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}@media (width<=900px){.contact-grid{grid-template-columns:1fr;gap:3rem}}.contact-subtitle{color:var(--text-primary);letter-spacing:-.25px;margin-bottom:1.25rem;font-size:1.5rem;font-weight:600}.contact-desc{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.6}.contact-methods{flex-direction:column;gap:1.5rem;display:flex}.contact-method{align-items:center;gap:1.25rem;display:flex}.method-icon{width:44px;height:44px;color:var(--accent-indigo);background:#6366f10d;border:1px solid #6366f126;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.method-details{flex-direction:column;gap:.25rem;display:flex}.method-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;font-size:.75rem}.method-value{color:var(--text-primary);font-size:1rem;font-weight:500}.method-value:hover{color:var(--accent-indigo)}.contact-form-wrapper{background:var(--bg-card);padding:2.5rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}@media (width<=600px){.form-row{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-input{border:1px solid var(--border-color);font-family:var(--font-sans);color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff05;border-radius:8px;padding:.75rem 1rem;font-size:.95rem}.form-input:focus{border-color:var(--accent-indigo);background:#ffffff0a;outline:none;box-shadow:0 0 15px -3px #6366f126}.form-textarea{resize:vertical;min-height:120px}.btn-submit{border:none;justify-content:center;align-self:flex-start;padding:.85rem 1.8rem}.form-status-msg{font-size:.9rem;font-family:var(--font-mono);transition:var(--transition-smooth);opacity:0;height:0;overflow:hidden}.form-status-msg.active{opacity:1;height:auto;margin-top:.5rem}.form-status-msg.success{color:var(--accent-emerald)}.form-status-msg.error{color:#ef4444}.stack-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.stack-grid{grid-template-columns:repeat(2,1fr)}}.stack-card-wrapper{transition:var(--transition-smooth);background:0 0;border-radius:12px;padding:1px;position:relative}.stack-card-wrapper:hover{background:linear-gradient(135deg,#6366f133,#8b5cf633)}.stack-card{border:1px solid var(--border-color);background:#09090b80;flex-direction:column;height:100%;display:flex}.stack-card-wrapper:hover .stack-card{background:#0e0e11cc;border-color:#0000}.stack-glow{background:radial-gradient(120px circle at var(--card-mouse-x,0px) var(--card-mouse-y,0px), #6366f114, transparent 80%);opacity:0;pointer-events:none;z-index:3;transition:opacity .5s;position:absolute;inset:0}.stack-card-wrapper:hover .stack-glow{opacity:1}.stack-card-content{z-index:5;flex-direction:column;height:100%;padding:2.25rem;display:flex}.stack-card-header{align-items:center;gap:1rem;width:100%;margin-bottom:1.5rem;display:flex}.stack-icon-wrapper{width:40px;height:40px;color:var(--accent-indigo);transition:var(--transition-smooth);background:#6366f10d;border:1px solid #6366f126;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stack-card-wrapper:hover .stack-icon-wrapper{color:var(--accent-violet);background:#8b5cf614;border-color:#8b5cf640;box-shadow:0 0 10px #8b5cf626}.stack-card-title{color:var(--text-primary);letter-spacing:-.25px;font-size:1.25rem;font-weight:600}.stack-items{flex-direction:column;gap:.85rem;list-style:none;display:flex}.stack-item{font-family:var(--font-mono);color:var(--text-secondary);transition:var(--transition-smooth);justify-content:flex-start;align-items:center;gap:.85rem;width:100%;padding:.35rem 0;font-size:.9rem;display:flex}.stack-skill-info{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.stack-linked-badges{flex-wrap:wrap;justify-content:flex-start;gap:.35rem;display:flex}.stack-badge{color:var(--text-muted);transition:var(--transition-smooth);background:#ffffff05;border:1px solid #ffffff14;border-radius:4px;padding:.15rem .4rem;font-size:.62rem}.stack-item:hover{color:var(--text-primary);transform:translate(4px)}.stack-item:hover .stack-badge{color:var(--text-primary);background:#6366f114;border-color:#6366f133;box-shadow:0 0 8px #6366f126}.stack-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.dl-dot{background-color:var(--accent-violet);box-shadow:0 0 6px var(--accent-violet)}.llm-dot{background-color:var(--accent-indigo);box-shadow:0 0 6px var(--accent-indigo)}.mlops-dot{background-color:var(--accent-amber);box-shadow:0 0 6px var(--accent-amber)}.algo-dot,.db-dot{background-color:var(--accent-emerald);box-shadow:0 0 6px var(--accent-emerald)}.cloud-dot{background-color:#3b82f6;box-shadow:0 0 6px #3b82f6}.project-card-wrapper{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),background .3s}.project-card-wrapper:hover{z-index:10;transform:translateY(-4px)}body.modal-open{overflow:hidden}.modal-overlay{z-index:9999;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-backdrop{-webkit-backdrop-filter:blur(12px);background:#040406b3;position:absolute;inset:0}.modal-container{z-index:10000;border-radius:16px;width:90%;max-width:650px;max-height:85vh;transition:transform .3s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto;transform:scale(.95)translateY(10px);box-shadow:0 25px 50px -12px #00000080,0 0 40px #6366f11a;background:#09090bcc!important;border:1px solid #ffffff1a!important}.modal-overlay.active .modal-container{transform:scale(1)translateY(0)}.modal-close{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;z-index:10010;width:36px;height:36px;transition:var(--transition-smooth);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close:hover{color:var(--text-primary);background:#ffffff14;border-color:#fff3;transform:rotate(90deg)}.modal-content{padding:2.5rem}.modal-content .project-header{border-bottom:1px solid #ffffff0d;margin-bottom:1.5rem;padding-bottom:1.5rem;padding-right:3.5rem}.modal-content .project-desc{color:var(--text-secondary);text-overflow:clip;margin-bottom:2rem;font-size:1.05rem;line-height:1.7;display:block;overflow:visible}.modal-content .project-tags{margin-bottom:1.5rem}.modal-content .project-header-link{color:var(--accent-indigo)}.modal-content .project-header-link:hover{color:var(--text-primary)}.project-card-wrapper:after{content:"";opacity:0;pointer-events:none;z-index:4;border-radius:12px;transition:opacity .3s;position:absolute;inset:0;box-shadow:inset 0 0 15px #6366f11a}.project-card-wrapper:hover:after{opacity:1}.project-learn-more{font-size:.8rem;font-family:var(--font-mono);color:var(--accent-indigo);opacity:.7;align-items:center;gap:.35rem;margin-top:1.25rem;transition:opacity .3s,transform .3s;display:flex}.project-card-wrapper:hover .project-learn-more{opacity:1;transform:translate(4px)}.project-card .project-summary-full{display:none!important}.project-card .project-summary-short{display:block!important}.modal-content .project-summary-short{display:none!important}.modal-content .project-summary-full{display:block!important}