body{margin:0;font-family:Arial,sans-serif;background-color:#f7f7f7}html,body{overflow-x:hidden}h1,h2,h3{margin:0}button{cursor:pointer;border:none;border-radius:6px;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:1rem}.card{background-color:#fff;box-shadow:0 2px 6px #0000001a;border-radius:8px;padding:16px;margin-bottom:16px}.btn-green{background-color:#22c55e;color:#fff;padding:12px 24px}.btn-green:hover{background-color:#16a34a}.btn-blue{background-color:#3b82f6;color:#fff;padding:12px 24px}.btn-blue:hover{background-color:#2563eb}.btn-gray{background-color:#9ca3af;color:#fff;padding:12px 24px}.flex{display:flex;gap:1rem}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.items-center{align-items:center}.text-center{text-align:center}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}@media(max-width:768px){.flex-row{flex-direction:column}}