:root{--primary-color:#333;--secondary-color:#8B5A2B;--background-color:#f5f3f0;--text-color:#333}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--background-color);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column}.btn-primary{background-color:var(--primary-color);color:white;padding:12px 24px;border-radius:8px;font-weight:600;transition:all 0.3s ease;width:100%}.btn-primary:hover{background-color:#444;transform:translateY(-2px)}.login-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{background-color:white;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);width:100%;max-width:450px;overflow:hidden}.login-header{padding:2rem;text-align:center;border-bottom:1px solid #eee}.login-body{padding:2rem}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:0.5rem;font-weight:500}.input-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;transition:border-color 0.3s ease}.input-group input:focus{border-color:var(--primary-color);outline:none}.social-login{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.social-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#f5f5f5;transition:all 0.3s ease}.social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.1)}footer{margin-top:auto}.btn-secondary{background-color:var(--secondary-color);color:white;padding:12px 24px;border-radius:8px;font-weight:600;transition:all 0.3s ease}.btn-secondary:hover{background-color:#9d6a3d;transform:translateY(-2px)}.hero-section{background:linear-gradient(rgba(245,243,240,0.5),rgba(245,243,240,0.4)),url('/assets/images/kuafoRandevu.png') center/cover no-repeat;height:600px}.wave-decoration{background:url('/api/placeholder/1200/100') bottom/cover no-repeat;height:80px;width:100%}.feature-card{background-color:white;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.05);transition:all 0.3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,0.1)}.register-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.register-card{background-color:white;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1);width:100%;max-width:650px;overflow:hidden}.register-header{padding:2rem;text-align:center;border-bottom:1px solid #eee}.register-body{padding:2rem}.input-group select{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;transition:border-color 0.3s ease}.input-group select:focus{border-color:var(--primary-color);outline:none}.step-indicator{display:flex;justify-content:center;margin-bottom:2rem}.step{display:flex;flex-direction:column;align-items:center;width:120px}.step-circle{width:32px;height:32px;border-radius:50%;background-color:#e5e5e5;color:#757575;display:flex;align-items:center;justify-content:center;font-weight:bold;margin-bottom:0.5rem;position:relative;z-index:1}.step.active .step-circle{background-color:var(--primary-color);color:white}.step.completed .step-circle{background-color:#4CAF50;color:white}.step-line{height:3px;width:100%;background-color:#e5e5e5;position:absolute;top:16px;left:50%;z-index:0}.step:first-child .step-line{display:none}.step-label{color:#757575;font-size:14px;text-align:center}.step.active .step-label{color:var(--primary-color);font-weight:600}.step.completed .step-label{color:#4CAF50}