:root{--color-primary: #FF7043;--color-primary-dark: #F4511E;--color-primary-light: #FFAB91;--color-bg-body: #F5F7FA;--color-bg-card: #FFFFFF;--color-bg-overlay: rgba(0, 0, 0, .5);--color-text-main: #2D3748;--color-text-sub: #718096;--color-text-white: #FFFFFF;--color-border: #E2E8F0;--color-success: #48BB78;--color-error: #F56565;--color-warning: #ED8936;--color-info: #4299E1;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg-body);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}input,select,textarea{font-family:inherit;font-size:inherit}.container{max-width:600px;margin:0 auto;padding:var(--spacing-md);min-height:100vh;display:flex;flex-direction:column}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.w-full{width:100%}.h-full{height:100%}.font-bold{font-weight:700}.text-primary{color:var(--color-primary)}.text-sub{color:var(--color-text-sub)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:.75rem}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-6xl{font-size:4rem}.bg-white{background-color:#fff}.bg-gray-100{background-color:#f7fafc}.bg-gray-200{background-color:#edf2f7}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-error{background-color:var(--color-error)}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-16{padding-top:4rem;padding-bottom:4rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-12{padding-left:3rem;padding-right:3rem}.m-auto{margin:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mr-2{margin-right:.5rem}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.absolute{position:absolute}.relative{position:relative}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.border{border:1px solid var(--color-border)}.border-2{border-width:2px}.border-b{border-bottom:1px solid var(--color-border)}.border-l-4{border-left-width:4px}.border-transparent{border-color:transparent}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-lg{max-width:32rem}.min-h-\[50vh\]{min-height:50vh}.min-h-\[60vh\]{min-height:60vh}.w-\[300px\]{width:300px}.h-\[300px\]{height:300px}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:shadow-md:hover{box-shadow:var(--shadow-md)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.active\:scale-95:active{transform:scale(.95)}@keyframes pop-in{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.animate-pop-in{animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes pulse-short{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-pulse-short{animation:pulse-short .5s ease-in-out}@keyframes bounce-short{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-bounce-short{animation:bounce-short .5s ease-in-out infinite}@keyframes slide-left-out{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(-150px) scale(.8);opacity:0}}.animate-slide-left-out{animation:slide-left-out .2s ease-in forwards}@keyframes slide-right-out{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(150px) scale(.8);opacity:0}}.animate-slide-right-out{animation:slide-right-out .2s ease-in forwards}