@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap";*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#e2e8f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050507;margin:0;padding:0;font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#475569}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}a{color:inherit;text-decoration:none}a[style*=btnPrimary]:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f180}a[style*=btnSecondary]:hover{color:#fff;border-color:#ffffff4d}div[style*=projectCard]:hover,div[style*=card]:hover{border-color:#6366f14d;transform:translateY(-2px)}a[style*=navLink]:hover{color:#fff!important}a[style*=navLink]:hover span[style*=scaleX]{transform:scaleX(1)!important}div[style*=avatarRing]{animation:4s linear infinite spin}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}