:root{--brand-primary: #0194f3;--brand-secondary: #0284c7}html{transition:background-color .3s ease,color .3s ease}html.dark{color-scheme:dark}*,*:before,*:after{transition-property:background-color,border-color,color;transition-duration:.2s;transition-timing-function:ease}html.no-transition *,html.no-transition *:before,html.no-transition *:after{transition:none!important}body{font-family:Inter,sans-serif;scroll-behavior:smooth;background-color:#f2f3f3}.dark body{background-color:#020617}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fade-in-up{animation:fadeInUp .4s ease-out both}.animate-fade-in{animation:fadeIn .35s ease-out both}.animate-scale-in{animation:scaleIn .3s ease-out both}.animate-slide-in-right{animation:slideInRight .35s ease-out both}.animate-stagger>*{opacity:0;animation:fadeInUp .4s ease-out forwards}.animate-stagger>*:nth-child(1){animation-delay:0s}.animate-stagger>*:nth-child(2){animation-delay:.06s}.animate-stagger>*:nth-child(3){animation-delay:.12s}.animate-stagger>*:nth-child(4){animation-delay:.18s}.animate-stagger>*:nth-child(5){animation-delay:.24s}.animate-stagger>*:nth-child(6){animation-delay:.3s}.animate-stagger>*:nth-child(7){animation-delay:.36s}.animate-stagger>*:nth-child(8){animation-delay:.42s}.animate-stagger>*:nth-child(9){animation-delay:.48s}.animate-stagger>*:nth-child(10){animation-delay:.54s}.animate-stagger>*:nth-child(11){animation-delay:.6s}.animate-stagger>*:nth-child(12){animation-delay:.66s}.skeleton-shimmer{background:linear-gradient(90deg,theme("colors.slate.200") 0%,theme("colors.slate.100") 40%,theme("colors.slate.200") 80%);background-size:200% 100%;animation:shimmer 1.5s infinite}.dark .skeleton-shimmer{background:linear-gradient(90deg,theme("colors.slate.800") 0%,theme("colors.slate.700") 40%,theme("colors.slate.800") 80%);background-size:200% 100%}.kost-card-hover{transition:transform .3s ease,box-shadow .3s ease}.kost-card-hover:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 40px -12px #00000026}.btn-pulse{transition:transform .15s ease,box-shadow .15s ease}.btn-pulse:hover{transform:translateY(-1px)}.btn-pulse:active{transform:scale(.97)}.gradient-animate{background-size:200% 200%;animation:gradientShift 6s ease infinite}.tv-card{@apply bg-white dark:bg-slate-900 rounded-lg shadow-sm border border-slate-200 dark:border-slate-800 transition-all duration-200 hover:shadow-md;}.tv-button-primary{@apply bg-brand-500 hover:bg-brand-600 text-white font-bold py-2 px-6 rounded-md transition-colors;}.tv-input{@apply bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-md px-4 py-2 outline-none focus:border-brand-500 transition-colors;}.tv-widget{background:linear-gradient(180deg,#0194f3,#0178c5);border-radius:0 0 40px 40px}input[type=range]{@apply h-1 bg-slate-200 dark:bg-slate-700 rounded-lg appearance-none cursor-pointer accent-brand-500;}.glass-white{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark .glass-white{background:#0f172ae6}