@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-color:#f1f5f9;--text-main:#020617;--text-muted:#475569;--accent-color:#3b82f6;--font-main:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}html.dark{filter:invert()hue-rotate(180deg);background-color:#111}html.dark img,html.dark video,html.dark .ignore-invert{filter:invert()hue-rotate(180deg)}a{color:inherit;text-decoration:none}.container{max-width:1600px;margin:0 auto;padding:0 max(5%,100px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.scroll-tracker-container{z-index:50;color:var(--accent-color);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;display:flex;position:fixed;top:50%;left:2rem;transform:translateY(-50%)}.scroll-line{background-color:var(--text-muted);opacity:.3;width:1rem;height:2px}.heading-primary{letter-spacing:-.05em;color:var(--text-main);margin-bottom:2rem;font-size:3.5rem;font-weight:800}.heading-secondary{letter-spacing:-.02em;margin-bottom:2rem;font-size:2.25rem;font-weight:700}.pill-card{color:#fff;background:#000;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:transform .2s;display:inline-flex}.pill-card:hover{transform:translateY(-2px)}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 10px 30px -10px #0000000d}.tab-button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s}.tab-button.active{color:#fff;background:#000}.tab-button:not(.active):hover{color:var(--text-main);background:#0000000d}@keyframes dash-rotate{0%{transform:rotate(-30deg)translate(0)}to{transform:rotate(-30deg)translate(-50%)}}.rotating-text-bg{color:#00000008;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;width:200%;font-size:10vw;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.rotating-text-bg span{animation:40s linear infinite scrollLeft;display:inline-block}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}.bounce{animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.project-row{flex-direction:row;align-items:center;gap:5rem;display:flex}.project-row.odd{flex-direction:row-reverse}.project-content{flex-direction:column;flex:400px;justify-content:center;display:flex}.project-image{flex:1.2 500px;height:500px;position:relative}.btn-project-primary{color:#fff;background:#0f172a;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.btn-project-primary:hover{color:#0f172a;background:#fff;border-color:#0f172a}.btn-project-secondary{color:#0f172a;background:0 0;border:1px solid #0f172a;border-radius:8px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.btn-project-secondary:hover{color:#fff;background:#0f172a}@media (width<=1024px){.project-row,.project-row.odd{flex-direction:column!important;gap:3rem!important}.project-content{order:2!important}.project-image{flex:none!important;order:1!important;width:100%!important;height:350px!important}}