*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:1rem;gap:8px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.btn.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.btn.btn-secondary:hover:not(:disabled){background:#667eea;color:#fff}.btn.btn-success{background:#28a745;color:#fff}.btn.btn-success:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.btn.btn-danger{background:#dc3545;color:#fff}.btn.btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-1px)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.form-group .error-message{margin-top:8px;color:#dc3545;font-size:.875rem}.card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:24px;margin-bottom:20px}.card .card-header{border-bottom:1px solid #e9ecef;padding-bottom:16px;margin-bottom:20px}.card .card-header h3{margin:0;color:#343a40}.card .card-body p:last-child{margin-bottom:0}@media (max-width: 768px){.container{padding:0 15px}.btn{padding:10px 20px;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;font-size:16px}}@media (max-width: 480px){.container{padding:0 10px}.card{padding:16px;border-radius:8px}}