:root{--color-primary:#0077b6;--color-primary-light:#90e0ef;--color-secondary:#00b894;--color-warning:#fda55d;--color-danger:#e63946;--color-gray-light:#f5f5f5;--color-gray-medium:#b0b0b0;--color-gray-dark:#333;--color-dark-bg:#41557a;--color-dark-text:#e2e8f0;--color-dark-primary:#4299e1;--color-dark-primary-hover:#3182ce;background:linear-gradient(180deg,#fff,#0076b634);background-attachment:fixed;font-family:Arial,sans-serif;margin:0;min-height:100vh;padding:0}body{font-family:Roboto,sans-serif;transition:background-color .3s,color .3s}body p{color:var(--color-gray-dark)}.dark-mode{background-attachment:fixed;background-color:var(--color-dark-bg);font-family:Arial,sans-serif;margin:0;min-height:100vh;padding:0}.dark-mode,.dark-mode label,.dark-mode p{color:var(--color-dark-text)}.container{margin-left:auto;margin-right:auto;max-width:1200px;width:100%}.bg-primary{background-color:var(--color-primary)}.text-primary{color:var(--color-primary)}.bg-gray-100{background-color:#f3f4f6}.bg-white{background-color:#fff}.text-white{color:#fff}.text-gray-700{color:#374151}.rounded-lg{border-radius:.5rem}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn{border-radius:.25rem;cursor:pointer;display:inline-block;font-weight:700;padding:.5rem 1rem;text-align:center;transition:background-color .3s,color .3s}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#005f92}.btn-outline{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:#fff}.form-input{border:1px solid var(--color-gray-medium);border-radius:.25rem;padding:.5rem;width:100%}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0077b633;outline:none}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}img{display:block;height:auto;max-width:100%}.dark-mode .bg-white{background-color:#485e88}.dark-mode .text-gray-800{color:var(--color-dark-text)}.dark-mode .border-gray-300{border-color:#4a5568}.dark-mode .bg-blue-600{background-color:var(--color-dark-primary)}.dark-mode .hover\:bg-blue-700:hover{background-color:var(--color-dark-primary-hover)}.dark-mode .form-input{background-color:#2d3748;border-color:#4a5568;color:var(--color-dark-text)}.dark-mode .form-input:focus{border-color:var(--color-dark-primary);box-shadow:0 0 0 3px #4299e180}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-12{margin-bottom:3rem}.mt-4{margin-top:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem}.text-lg,.text-xl{line-height:1.75rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.grid{display:grid}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.fixed{position:fixed}.inset-0{bottom:0;left:0;right:0;top:0}.z-50{z-index:50}.bg-black{background-color:#000}.bg-opacity-50{background-color:#00000080}.w-24{width:6rem}.h-24{height:6rem}