@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Noto Sans SC,sans-serif;margin:0;min-height:100vh}body{color:#1a1a1a;background-color:#f9fafb}body.dark{color:#f9fafb;background-color:#111827}.lazy-load{opacity:0;transition:opacity .5s ease-in-out}.transition-colors{transition:background-color .3s ease,color .3s ease,border-color .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out}.lazy-load{opacity:0;transition:opacity .5s ease}.lazy-load.loaded{opacity:1}video{border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;transition:transform .3s ease,box-shadow .3s ease}video:hover{transform:scale(1.02);box-shadow:0 10px 25px -5px #0000001a}.form-input:focus{box-shadow:0 0 0 3px #3b82f64d;border-color:#3b82f6}.btn-hover{transition:transform .2s ease,box-shadow .2s ease}.btn-hover:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #00000026}html{scroll-behavior:smooth}.dark video:hover{box-shadow:0 10px 25px -5px #0000004d}.dark .form-input:focus{box-shadow:0 0 0 3px #60a5fa66;border-color:#60a5fa}@media (max-width: 640px){h1,h2,h3{line-height:1.2}}