*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#f9fafb;color:#111827}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s}.btn-primary{background:#000;color:white}.btn-primary:hover{background:#374151}.input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem}.card{background:white;padding:1.5rem 1rem;border-radius:.75rem;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:2rem}.text-center{text-align:center}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.text-gray-600{color:#6b7280}.text-red-500{color:#ef4444}.text-green-500{color:#10b981}