@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-color: #4f46e5;--secondary-color:rgb(78, 94, 243);--accent-color: #c7d2fe;--text-primary: #1f2937;--text-secondary: #4b5563;--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--bg-tertiary: #e5e7eb}.dark{--primary-color:rgb(254, 162, 63);--secondary-color:rgb(248, 214, 129);--accent-color: #c7d2fe;--text-primary: #f3f4f6;--text-secondary: #d1d5db;--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151}.dark *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.dark .bg-white{background-color:var(--bg-secondary)}.dark .text-gray-800{color:var(--text-primary)}.dark .text-gray-600{color:var(--text-secondary)}.dark .hover\:bg-gray-100:hover{background-color:var(--bg-tertiary)}.dark .hover\:text-gray-900:hover{color:var(--text-primary)}.dark .bg-gray-50{background-color:var(--bg-secondary)}.dark .shadow-lg{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.dark .bg-blue-600{background-color:var(--primary-color)}.dark .hover\:bg-blue-700:hover{background-color:var(--secondary-color)}.dark .focus\:ring-blue-500:focus{--tw-ring-color: var(--primary-color)}.dark .bg-opacity-75{background-color:#000000bf}.dark .bg-gray-100{background-color:var(--bg-tertiary)}.dark .border-gray-200{border-color:var(--bg-tertiary)}.dark .divide-gray-200>*{border-color:var(--bg-tertiary)}.dark .text-blue-600{color:var(--primary-color)}.dark .hover\:text-blue-700:hover{color:var(--secondary-color)}.dark .bg-gray-800{background-color:var(--bg-tertiary)}.dark .text-gray-200{color:var(--text-secondary)}.dark ::selection{background-color:var(--primary-color);color:var(--text-primary)}.dark ::-webkit-scrollbar-track{background:var(--bg-secondary)}.dark ::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.dark ::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-in-out}.animate-slide-in{animation:slideIn .3s ease-in-out}@media (max-width: 640px){.dark .sm\:bg-white{background-color:var(--bg-secondary)}.dark .sm\:text-gray-800{color:var(--text-primary)}}@media print{.dark *{color:#000!important;background:#fff!important}}@layer base{body{@apply bg-light-bg-primary text-light-text-primary dark:bg-dark-bg-primary dark:text-dark-text-primary transition-colors duration-300;font-family:Montserrat,sans-serif;scroll-behavior:smooth}}.hero-gradient{text-decoration:none;background:linear-gradient(135deg,coral,#ff9f7f)}.feature-card{transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0000001a}.challenge-card{transition:all .3s ease}.challenge-card:hover{transform:scale(1.03)}.badge{transition:all .3s ease}.badge:hover{transform:rotate(5deg) scale(1.1)}.progress-circle{transition:stroke-dashoffset .5s ease}.theme-toggle{transition:all .3s ease}.dark .text-dark{@apply text-dark-text-primary;}.dark .text-gray-500{@apply text-gray-400;}.dark .bg-gray-50,.dark .bg-gray-100{@apply bg-dark-bg-secondary;}.dark .border-gray-100{@apply border-gray-700;}.dark input[type=text],.dark input[type=email],.dark input[type=password],.dark textarea{@apply bg-gray-700 border-gray-600 text-white;}.dark input[type=text]:focus,.dark input[type=email]:focus,.dark input[type=password]:focus,.dark textarea:focus{@apply border-primary ring-primary;}.dark .btn-primary{@apply bg-primary text-white hover:bg-primary-dark;}.dark .btn-secondary{@apply bg-gray-700 text-white hover:bg-gray-600;}.dark .card,.dark .modal{@apply bg-gray-800 border-gray-700;}.dark .modal-header{@apply border-gray-700;}.dark *{@apply transition-colors duration-300;}.dark ::-webkit-scrollbar{@apply w-2;}.dark ::-webkit-scrollbar-track{@apply bg-gray-800;}.dark ::-webkit-scrollbar-thumb{@apply bg-gray-600 rounded-full;}.dark ::-webkit-scrollbar-thumb:hover{@apply bg-gray-500;}.dark .bg-gray-200{@apply bg-gray-700;}.dark .bg-gray-300{@apply bg-gray-600;}.dark .border-gray-300{@apply border-gray-600;}.dark .text-gray-700{@apply text-gray-300;}.dark .text-gray-900{@apply text-gray-100;}.dark .hover\:bg-gray-200:hover{@apply hover:bg-gray-600;}.dark .hover\:text-gray-800:hover{@apply hover:text-gray-200;}.dark .hover\:text-gray-700:hover{@apply hover:text-gray-300;}.dark .hover\:border-gray-300:hover{@apply hover:border-gray-600;}.dark .focus\:ring-gray-300:focus{@apply focus:ring-gray-600;}.dark .focus\:border-gray-300:focus{@apply focus:border-gray-600;}.dark .shadow-sm,.dark .shadow,.dark .shadow-md{@apply shadow-gray-900/50;}.dark table{@apply border-gray-700;}.dark th{@apply bg-gray-800 text-gray-200 border-gray-700;}.dark td{@apply border-gray-700;}.dark tr:nth-child(2n){@apply bg-gray-800;}.dark tr:nth-child(odd){@apply bg-gray-900;}.dark ul,.dark ol,.dark li{@apply text-gray-300;}.dark a{@apply text-primary-light hover:text-primary;}.dark pre{@apply bg-gray-800 border-gray-700;}.dark code{@apply text-gray-300;}.dark blockquote{@apply border-gray-700 text-gray-300;}.dark ::selection{@apply bg-primary/30 text-white;}html{scroll-behavior:smooth;overflow-x:hidden;height:100%}body{overflow-x:hidden;min-height:100vh}.hero-gradient{position:relative;min-height:100vh;overflow:hidden}video,.video-element{display:block!important;object-fit:cover!important;width:120%!important;height:120%!important;position:absolute!important;top:-10%!important;left:-10%!important;z-index:1!important;object-position:center center!important;transform:scale(1.1)!important}.video-container{position:absolute!important;top:0!important;left:0!important;width:120%!important;height:120%!important;overflow:hidden!important}.dark .hero-gradient:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:3}.dark{--bg-color: #121212;--text-color: #f5f5f5;color-scheme:dark}.dark .bg-dark{background-color:var(--bg-color);color:var(--text-color)}.transition-colors{transition-duration:.5s}.sound-control{position:absolute;bottom:1.5rem;right:1.5rem;z-index:50;background-color:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000001a}.sound-control:hover{background-color:#ffffff4d;transform:scale(1.05)}.sound-control:active{transform:scale(.95)}@media (max-width: 640px){.sound-control{bottom:1rem;right:1rem;padding:.5rem}}