@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizelegibility}body{margin:0;min-height:100vh;min-width:320px}:root{--bg-dark: #0f172a;--bg-card: rgb(30 41 59 / 50%);--text-main: #f8fafc;--text-muted: #94a3b8;--primary: #38bdf8;--secondary: #2dd4bf;--border: rgb(255 255 255 / 8%);--container-width: 1100px;--nav-height: 80px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}#root,.app{display:flex;flex-direction:column;height:100%;width:100%}.container{margin:0 auto;max-width:var(--container-width);padding:5rem 2rem;width:100%}section{padding:6rem 0}h1,h2,h3{letter-spacing:-.02em;line-height:1.2}h1{font-size:4rem;font-weight:800;margin-bottom:1.5rem}h2{display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:3rem;position:relative}h2.section-heading:after{background:var(--primary);border-radius:2px;content:"";display:block;height:4px;margin-top:.5rem;width:60px}p{color:var(--text-muted);margin-bottom:1.5rem}a{color:inherit;text-decoration:none;transition:color .2s}.navbar{align-items:center;display:flex;height:var(--nav-height);position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae5;box-shadow:0 4px 20px #0003}.nav-content{align-items:center;display:flex;justify-content:space-between;width:100%}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.05em}.accent{color:var(--primary)}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--text-muted);font-size:.9rem;font-weight:500}.nav-link:hover{color:var(--primary)}.hero{display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative}.hero-subtitle{color:var(--secondary);font-family:Fira Code,monospace;margin-bottom:1rem}.hero-desc{font-size:1.25rem;max-width:600px}.social-links{display:flex;gap:1.5rem;margin-top:2rem}.icon-link{align-items:center;color:var(--text-main);display:flex;justify-content:center;opacity:.7;transition:all .3s ease-in-out}.icon-link:hover{color:var(--primary);opacity:1;transform:translateY(-2px)}#about{padding-top:0}.glass-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:transform .3s ease,border-color .3s ease}.project-card{position:relative}.glass-panel:hover{border-color:var(--primary);transform:translateY(-5px)}.external-link-icon{align-items:center;background:#ffffff0d;border-radius:50%;color:var(--text-muted);display:flex;justify-content:center;opacity:.6;padding:8px;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease;z-index:10}.external-link-icon:hover{background:#38bdf81a;color:var(--primary);opacity:1;transform:translateY(-2px)}.publication-icon{border-color:var(--secondary);color:var(--secondary)!important}.publication-icon:hover{background:#2dd4bf1a!important;color:var(--secondary)!important}.repo-icon{border-color:var(--text-main);color:var(--text-main)!important;opacity:.6!important}.repo-icon:hover{background:#f8fafc1a!important;opacity:1!important}.deployment-icon{border-color:var(--primary);color:var(--primary)!important}.deployment-icon:hover{background:#38bdf81a!important;color:var(--primary)!important}.grid-2{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.philosophy-item{align-items:flex-start;display:flex;gap:1rem}.tech-tag{background:#38bdf81a;border:1px solid rgb(56 189 248 / 20%);border-radius:100px;color:var(--primary);font-family:Fira Code,monospace;font-size:.75rem;padding:.25rem .75rem}.tag-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.timeline{border-left:2px solid var(--border);margin-left:1rem;padding-left:2rem}.timeline-item{margin-bottom:3rem;position:relative}.timeline-dot{background:var(--bg-dark);border:3px solid var(--primary);border-radius:50%;height:1rem;left:-2.6rem;position:absolute;top:.25rem;width:1rem}.timeline-date{color:var(--primary);font-family:Fira Code,monospace;font-size:.85rem;margin-bottom:.5rem}.btn{border:1px solid var(--primary);border-radius:4px;color:var(--primary);display:inline-block;font-family:Fira Code,monospace;margin-top:2rem;padding:1rem 2rem}.btn:hover{background:#38bdf81a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .8s ease-out forwards}@media(max-width:768px){h1{font-size:2.5rem}.nav-links{display:none}}.preloader-container{align-items:center;background-color:#0f172a;cursor:none;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.preloader-grid{background-image:linear-gradient(rgb(255 255 255 / 3%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 3%) 1px,transparent 1px);background-size:40px 40px;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.spotlight{background:radial-gradient(circle,rgb(56 189 248 / 15%) 0%,transparent 70%);border-radius:50%;height:300px;mix-blend-mode:screen;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease;width:300px;z-index:2}.preloader-content{color:var(--primary);font-family:Fira Code,monospace;max-width:100%;padding:2rem;position:relative;width:450px;z-index:10}.boot-sequence{align-items:center;animation:blink .75s step-end infinite;border-right:2px solid var(--secondary);color:var(--text-muted);display:flex;font-size:.85rem;height:20px;justify-content:space-between;margin-bottom:1rem;overflow:hidden;white-space:nowrap}@keyframes blink{0%,to{border-color:transparent}50%{border-color:var(--secondary)}}.progress-wrapper{background:#ffffff1a;border-radius:4px;height:2px;overflow:hidden;position:relative;width:100%}.progress-bar{background:var(--primary);box-shadow:0 0 10px var(--primary);height:100%;transition:width .1s linear}.percentage{color:var(--primary);font-size:1.25rem;font-weight:800;opacity:.75;padding-right:.25rem;padding-top:.25rem}.status-text{color:var(--secondary);display:flex;font-size:.75rem;justify-content:space-between;letter-spacing:.1em;margin-top:.5rem;text-transform:uppercase}.preloader-container.fade-out{animation:slideUpFade .8s ease-in-out forwards}@keyframes slideUpFade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}