@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";
@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:0 0% 4%;--surface:0 0% 8%;--text:0 0% 96%;--muted:0 0% 53%;--stroke:0 0% 12%;--font-body:"Inter", sans-serif;--font-display:"Instrument Serif", serif}body{background-color:hsl(var(--bg));color:hsl(var(--text));font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}@layer utilities{.accent-gradient{background:linear-gradient(90deg,#89aacc 0%,#4e85bf 100%)}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141414cc;border:1px solid #ffffff1a}.blur-in{filter:blur(10px);opacity:0}}.name-reveal{opacity:0;transform:translateY(50px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:hsl(var(--bg))}::-webkit-scrollbar-thumb{background:hsl(var(--stroke));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted))}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes role-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-role-fade-in{animation:.5s forwards role-fade-in}@keyframes scroll-down{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.animate-scroll-down{animation:1.8s ease-in-out infinite scroll-down}.gradient-text{background:linear-gradient(90deg,#89aacc 0%,#4e85bf 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}