@tailwind base;@tailwind components;@tailwind utilities;html{scroll-behavior:smooth}body{@apply bg-desert-sand text-dune transition-colors duration-500;}.dark body{@apply bg-dark-bg text-dark-text-primary;}#root{min-height:100vh;position:relative}.background-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden;will-change:transform}.background-image{width:100%;height:100%;background-size:cover;background-position:center;transition:opacity .5s ease-in-out;will-change:opacity,transform}.content-wrapper{min-height:100vh;position:relative;z-index:10;background-color:transparent}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bob{0%{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-15px) rotate(40deg)}to{transform:translateY(0) rotate(45deg)}}@keyframes bob-circle{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.animate-fade-in-up{animation:fade-in-up .6s ease-out forwards;opacity:0}.animate-fade-in{animation:fade-in 1s ease-out forwards;opacity:0}.animate-blink{animation:blink .9s step-end infinite}.animate-bob{animation:bob 5s ease-in-out infinite}.animate-bob-circle{animation:bob-circle 4s ease-in-out infinite}